geo_pattern 1.3.2 → 1.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 81c3c62556904d41859cbdc5f24b309d27643d61
-  data.tar.gz: 13208f9b302c0294458d5c6d33ed41c5ea6bddf2
+SHA256:
+  metadata.gz: 673c02d78cab6a2a0d4739661a9a4e93845fd6c3dafff82f36f36e15e759e032
+  data.tar.gz: da40879b6a7e41a039e00741d5b48e4be51a584f339bc84572bf5d47cb1b44cc
 SHA512:
-  metadata.gz: 429e50e9f25823d253761aae3b9fedf5a113271bd1cbeb495a32b4f7d828af56a7c9a8308553e85e50f93266d3e2c19f90fb93a72504c096d029aec6c962f3d2
-  data.tar.gz: 77b6992af30dba44823e148850fa32e7de5b0b04454c091818d4ce99714a8bb4e07b89f148d47ae06903389472063b23e0b94b455e6cca194991c6a44dbc3eb9
+  metadata.gz: 87e2bac49b72b2dbb068ab84abdbdbf6a2240fe13f6898de4be9fc72c40d1239654cee649718d8620598257bdaa1cc24366054ed4f320346ddf68b9b11c8a66b
+  data.tar.gz: f69912aeb10d51c3110edd472b8a02dee9653e2b3cb0b8127d817a45a9d878e7ade1b85922a3aaf0a8ef8568912e57661f84b050220171632665fe784b3420a5

data/.github/workflows/ruby.yml

@@ -0,0 +1,30 @@
+name: Ruby
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  test:
+    strategy:
+      fail-fast: false
+      matrix:
+        # Due to https://github.com/actions/runner/issues/849, we have to use quotes for '3.0'
+        ruby: [2.6, 2.7, '3.0', 3.1, 3.2, head]
+
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Set up Ruby
+        uses: ruby/setup-ruby@v1
+        with:
+          ruby-version: ${{ matrix.ruby }}
+          rubygems: latest
+          bundler-cache: true
+
+      - name: Run tests
+        run: bundle exec rake

data/.gitignore

@@ -16,3 +16,4 @@ test/tmp
 test/version_tmp
 tmp
 test.rb
+.ruby-version

data/.simplecov

@@ -0,0 +1,26 @@
+#!/usr/bin/env ruby
+# frozen_string_literal: true
+
+class ExcludeRegexFilter < SimpleCov::Filter
+  def matches?(source_file)
+    source_file.filename !~ filter_argument
+  end
+end
+
+class IncludeRegexFilter < SimpleCov::Filter
+  def matches?(source_file)
+    source_file.filename =~ filter_argument
+  end
+end
+
+SimpleCov.start do
+  add_filter "/features/"
+  add_filter "/fixtures/"
+  add_filter "/spec/"
+  add_filter "/tmp"
+  add_filter "/vendor"
+
+  generator_filter = %r{/background_generators/|/structure_generators/}
+  add_group "lib", ExcludeRegexFilter.new(generator_filter)
+  add_group "generators", IncludeRegexFilter.new(generator_filter)
+end

data/Gemfile

@@ -1,24 +1,24 @@
-source 'https://rubygems.org'
+# frozen_string_literal: true
+
+source "https://rubygems.org"
 
 # Specify your gem's dependencies in geopatterns.gemspec
 gemspec
 
 group :development, :test do
-  gem 'rspec'
-  gem 'aruba'
-  gem 'rake'
-  gem 'rubocop'
-  gem 'simplecov'
-  gem 'fuubar'
-  gem 'inch'
-  gem 'activesupport'
-  gem 'pry'
+  gem "activesupport", "~> 6"
+  gem "aruba"
+  gem "fuubar"
+  gem "inch"
+  gem "pry"
+  gem "pry-rescue"
+  gem "pry-stack_explorer"
+  gem "rake"
+  gem "rspec"
+  gem "standard"
+  gem "simplecov"
 
-  if RUBY_VERSION >= "2"
-    gem 'byebug'
-    gem 'pry-byebug'
-  else
-    gem 'debugger'
-    gem 'pry-debugger'
-  end
+  gem "byebug"
+  gem "irb"
+  gem "pry-byebug"
 end

data/README.md

@@ -1,16 +1,36 @@
-[![](http://img.shields.io/gem/v/geo_pattern.svg?style=flat)](http://rubygems.org/gems/geo_pattern)
-[![](http://img.shields.io/gem/dt/geo_pattern.svg?style=flat)](http://rubygems.org/gems/geo_pattern)
+### This project is largely unmaintained now.
+
+#### I'll happily accept PRs to keep things in working order, but I no longer plan to make updates.
+
+----
+
+[![](https://img.shields.io/gem/v/geo_pattern.svg?style=flat)](http://rubygems.org/gems/geo_pattern)
+![Ruby](https://github.com/jasonlong/geo_pattern/workflows/Ruby/badge.svg)
+[![](https://img.shields.io/gem/dt/geo_pattern.svg?style=flat)](http://rubygems.org/gems/geo_pattern)
+[![Ruby Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://github.com/testdouble/standard)
 
 # GeoPattern
 
-Generate beautiful tiling SVG patterns from a string. The string is converted into a SHA and a color and pattern are determined based on the values in the hash. The color is determined by shifting the hue and saturation from a default (or passed in) base color. One of 16 patterns is used (or you can specify one) and the sizing of the pattern elements is also determined by the hash values.
+Generate beautiful tiling SVG patterns from a string. The string is converted
+into a SHA and a color and pattern are determined based on the values in the
+hash. The color is determined by shifting the hue and saturation from a default
+(or passed in) base color. One of 16 patterns is used (or you can specify one)
+and the sizing of the pattern elements is also determined by the hash values.
 
-You can use the generated pattern as the `background-image` for a container. Using the `base64` representation of the pattern still results in SVG rendering, so it looks great on retina displays.
+You can use the generated pattern as the `background-image` for a container.
+Using the `base64` representation of the pattern still results in SVG
+rendering, so it looks great on retina displays.
 
-See the [GitHub Guides](http://guides.github.com) site and the [Explore section of GitHub](https://github.com/explore) are examples of this library in action. Brandon Mills has put together an awesome [live preview page](http://btmills.github.io/geopattern/geopattern.html) that's built on his Javascript port.
+See the [GitHub Guides](https://guides.github.com/) site and the [Explore section
+of GitHub](https://github.com/explore) are examples of this library in action.
+Brandon Mills has put together an awesome [live preview
+page](http://btmills.github.io/geopattern/geopattern.html) that's built on his
+Javascript port.
 
 ## Installation
 
+**Note:** as of version `1.4.0`, Ruby version 2 or greater is required.
+
 Add this line to your application's Gemfile:
 
     gem 'geo_pattern'
@@ -46,115 +66,220 @@ pattern = GeoPattern.generate('Mastering Markdown', color: '#fc0')
 To use a specific [pattern generator](#available-patterns):
 
 ```ruby
-pattern = GeoPattern.generate('Mastering Markdown', generator: GeoPattern::SineWavePattern)
+pattern = GeoPattern.generate('Mastering Markdown', patterns: :sine_waves)
+```
+
+To use a subset of the [available patterns](#available-patterns):
+
+```ruby
+pattern = GeoPattern.generate('Mastering Markdown', patterns: [:sine_waves, :xes])
 ```
 
 Get the SVG string:
 
 ```ruby
-puts pattern.svg_string
+puts pattern.to_svg
 # => <svg xmlns="http://www.w3.org/2000/svg" ...
 ```
 
 Get the Base64 encoded string:
 
 ```ruby
-puts pattern.base64_string
+puts pattern.to_base64
 # => PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC...
 ```
 
 You can then use this string to set the background:
 
 ```html
-<div style="background-image: <%= pattern.uri_image %>"></div>
+<div style="background-image: <%= pattern.to_data_uri %>"></div>
 ```
 
 ## Available patterns
 
-*Note: As of version `1.3.0`, string references (e.g. `overlapping_circles`) are deprecated in favor of class references (e.g. `GeoPattern::OverlappingCirclesPattern`).*
+*Note: As of version `1.3.0`, string references (e.g. `overlapping_circles`)
+are deprecated in favor of symbol references (e.g. `:overlapping_circles`).*
+
+### :chevrons
+
+![](http://jasonlong.github.io/geo_pattern/examples/chevrons.png)
 
-### GeoPattern::OctagonPattern
+
+### :octagons
 
 ![](http://jasonlong.github.io/geo_pattern/examples/octogons.png)
 
-### GeoPattern::OverlappingCirclesPattern
+### :overlapping_circles
 
 ![](http://jasonlong.github.io/geo_pattern/examples/overlapping_circles.png)
 
-### GeoPattern::PlusSignPattern
+### :plus_signs
 
 ![](http://jasonlong.github.io/geo_pattern/examples/plus_signs.png)
 
-### GeoPattern::XesPattern
+### :xes
 
 ![](http://jasonlong.github.io/geo_pattern/examples/xes.png)
 
-### GeoPattern::SineWavePattern
+### :sine_waves
 
 ![](http://jasonlong.github.io/geo_pattern/examples/sine_waves.png)
 
-### GeoPattern::HexagonPattern
+### :hexagons
 
 ![](http://jasonlong.github.io/geo_pattern/examples/hexagons.png)
 
-### GeoPattern::OverlappingCirclesPattern
+### :overlapping_rings
 
 ![](http://jasonlong.github.io/geo_pattern/examples/overlapping_rings.png)
 
-### GeoPattern::PlaidPattern
+### :plaid
 
 ![](http://jasonlong.github.io/geo_pattern/examples/plaid.png)
 
-### GeoPattern::TrianglePattern
+### :triangles
 
 ![](http://jasonlong.github.io/geo_pattern/examples/triangles.png)
 
-### GeoPattern::SquarePattern
+### :squares
 
 ![](http://jasonlong.github.io/geo_pattern/examples/squares.png)
 
-### GeoPattern::NestedSquaresPattern
+### :nested_squares
 
 ![](http://jasonlong.github.io/geo_pattern/examples/nested_squares.png)
 
-### GeoPattern::MosaicSquaresPattern
+### :mosaic_squares
 
 ![](http://jasonlong.github.io/geo_pattern/examples/mosaic_squares.png)
 
-### GeoPattern::ConcentricCirclesPattern
+### :concentric_circles
 
 ![](http://jasonlong.github.io/geo_pattern/examples/concentric_circles.png)
 
-### GeoPattern::DiamondPattern
+### :diamonds
 
 ![](http://jasonlong.github.io/geo_pattern/examples/diamonds.png)
 
-### GeoPattern::TessellationPattern
+### :tessellation
 
 ![](http://jasonlong.github.io/geo_pattern/examples/tessellation.png)
 
 
+## Inspection of pattern
+
+If you want to get some more information about a pattern, please use the
+following methods.
+
+```ruby
+pattern = GeoPattern.generate('Mastering Markdown', patterns: [:sine_waves, :xes])
+
+# The color of the background in html notation
+pattern.background.color.to_html
+
+# The color of the background in svg notation
+pattern.background.color.to_svg
+
+
+# The input colors
+pattern.background.preset.color
+pattern.background.preset.base_color
+
+# The generator
+pattern.background.generator
+```
+
+To get more information about the structure of the pattern, please use the following methods:
+
+```ruby
+pattern = GeoPattern.generate('Mastering Markdown', patterns: [:sine_waves, :xes])
+
+# The name of the structure
+pattern.structure.name
+
+# The generator of the structure
+pattern.structure.generator
+```
+
+## Rake Support
+
+```ruby
+string = 'Mastering markdown'
+
+require 'geo_pattern/geo_pattern_task'
+
+GeoPattern::GeoPatternTask.new(
+  name: 'generate',
+  description: 'Generate patterns to make them available as fixtures',
+  data: {
+    'fixtures/generated_patterns/diamonds_with_color.svg'      => { input: string, patterns: [:diamonds], color: '#00ff00' },
+    'fixtures/generated_patterns/diamonds_with_base_color.svg' => { input: string, patterns: [:diamonds], base_color: '#00ff00' }
+  }
+)
+```
+
+## Developing
+
+### Generate Fixtures
+
+```ruby
+rake fixtures:generate
+```
+
+### Run tests
+
+```ruby
+rake test
+```
+
 ## Contributing
 
-1. Fork it ( http://github.com/jasonlong/geo_pattern/fork )
+1. Fork it ( https://github.com/jasonlong/geo_pattern/fork )
 2. Create your feature branch (`git checkout -b my-new-feature`)
 3. Commit your changes (`git commit -am 'Add some feature'`)
 4. Push to the branch (`git push origin my-new-feature`)
 5. Create new Pull Request
 
-## Ports
+## Development
+
+Prefix rspec-commandline with `RSPEC_PROFILE=1` to output the ten slowest
+examples of the test suite.
+
+```bash
+RSPEC_PROFILE=1 bundle exec rspec
+```
+
+## Ports & related projects
 
 JavaScript port by Brandon Mills:
-https://github.com/btmills/geopatterns-js
+https://github.com/btmills/geopattern
+
+TypeScript port by MooYeol Lee:
+https://github.com/mooyoul/geo-pattern
 
 Python port by Bryan Veloso:
 https://github.com/bryanveloso/geopatterns
 
+Elixir port by Anne Johnson:
+https://github.com/annejohnson/geo_pattern
+
 PHP port by Anand Capur:
 https://github.com/redeyeventures/geopattern-php
 
 Go port by Pravendra Singh:
-https://github.com/pravj/geo_pattern
+https://github.com/pravj/geopattern
 
 CoffeeScript port by Aleks (muchweb):
 https://github.com/muchweb/geo-pattern-coffee
+
+Cocoa port by Matt Faluotico:
+https://github.com/mattfxyz/GeoPattern-Cocoa
+
+Middleman extension by @maxmeyer:
+https://github.com/fedux-org/middleman-geo_pattern
+
+Dart(Flutter) port by @suyash:
+https://github.com/suyash/geopattern
+
+Lua port by Ivan Azoyan:
+https://github.com/azoyan/geopattern

data/Rakefile

@@ -1,23 +1,82 @@
-require 'rubocop/rake_task'
-require 'inch/rake'
-require 'rspec/core/rake_task'
+# frozen_string_literal: true
 
-desc 'Default task running Tests'
-task default: :test
+$LOAD_PATH.unshift File.expand_path("lib", __dir__)
 
-desc 'Run test suite'
-task test: 'test:rspec'
-# task test: %w(test:rspec test:rubocop)
+desc "Default task running Tests"
+task default: :test
 
+desc "Run test suite"
+task test: ["test:standard", "test:rspec"]
+task "test:ci" => ["bootstrap:gem_requirements", :test]
 namespace :test do
+  task :rspec do
+    sh "rspec"
+  end
 
-  RSpec::Core::RakeTask.new(:rspec)
+  task "inch" do
+    sh "inch"
+  end
 
-  RuboCop::RakeTask.new
-
-  Inch::Rake::Suggest.new
+  require "standard/rake"
 end
 
 namespace :gem do
-  require 'bundler/gem_tasks'
+  require "bundler/gem_tasks"
+end
+
+unless ENV.key?("CI")
+  require "geo_pattern/geo_pattern_task"
+
+  namespace :fixtures do
+    string = "Mastering Markdown"
+
+    GeoPattern::GeoPatternTask.new(
+      name: "generate",
+      description: "Generate patterns to make them available as fixtures",
+      data: {
+        "fixtures/generated_patterns/chevrons.svg" => {input: string, patterns: [:chevrons]},
+        "fixtures/generated_patterns/concentric_circles.svg" => {input: string, patterns: [:concentric_circles]},
+        "fixtures/generated_patterns/diamonds.svg" => {input: string, patterns: [:diamonds]},
+        "fixtures/generated_patterns/hexagons.svg" => {input: string, patterns: [:hexagons]},
+        "fixtures/generated_patterns/mosaic_squares.svg" => {input: string, patterns: [:mosaic_squares]},
+        "fixtures/generated_patterns/nested_squares.svg" => {input: string, patterns: [:nested_squares]},
+        "fixtures/generated_patterns/octagons.svg" => {input: string, patterns: [:octagons]},
+        "fixtures/generated_patterns/overlapping_circles.svg" => {input: string, patterns: [:overlapping_circles]},
+        "fixtures/generated_patterns/overlapping_rings.svg" => {input: string, patterns: [:overlapping_rings]},
+        "fixtures/generated_patterns/plaid.svg" => {input: string, patterns: [:plaid]},
+        "fixtures/generated_patterns/plus_signs.svg" => {input: string, patterns: [:plus_signs]},
+        "fixtures/generated_patterns/sine_waves.svg" => {input: string, patterns: [:sine_waves]},
+        "fixtures/generated_patterns/squares.svg" => {input: string, patterns: [:squares]},
+        "fixtures/generated_patterns/tessellation.svg" => {input: string, patterns: [:tessellation]},
+        "fixtures/generated_patterns/triangles.svg" => {input: string, patterns: [:triangles]},
+        "fixtures/generated_patterns/xes.svg" => {input: string, patterns: [:xes]},
+        "fixtures/generated_patterns/diamonds_with_color.svg" => {input: string, patterns: [:diamonds], color: "#00ff00"},
+        "fixtures/generated_patterns/diamonds_with_base_color.svg" => {input: string, patterns: [:diamonds], base_color: "#00ff00"}
+      }
+    )
+  end
+end
+
+desc "Bootstrap project"
+task bootstrap: %w[bootstrap:bundler]
+
+desc "Bootstrap project for ci"
+task "bootstrap:ci" do
+  Rake::Task["bootstrap"].invoke
+end
+
+namespace :bootstrap do
+  desc "Bootstrap bundler"
+  task :bundler do |t|
+    puts t.comment
+    sh "gem install bundler"
+    sh "bundle install"
+  end
+
+  desc "Require gems"
+  task :gem_requirements do |t|
+    puts t.comment
+    require "bundler"
+    Bundler.require
+  end
 end

data/fixtures/generated_patterns/chevrons.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="459" height="303"><rect x="0" y="0" width="100%" height="100%" fill="rgb(63, 144, 77)"  /><g stroke="#000" stroke-opacity="0.02" fill="#ddd" fill-opacity="0.14133333333333334" stroke-width="1" transform="translate(0.0,-38.33333333333333)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#ddd" fill-opacity="0.14133333333333334" stroke-width="1" transform="translate(0.0,265.26666666666665)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#ddd" fill-opacity="0.08933333333333333" stroke-width="1" transform="translate(76.66666666666666,-38.33333333333333)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#ddd" fill-opacity="0.08933333333333333" stroke-width="1" transform="translate(76.66666666666666,265.26666666666665)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.13266666666666665" stroke-width="1" transform="translate(153.33333333333331,-38.33333333333333)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.13266666666666665" stroke-width="1" transform="translate(153.33333333333331,265.26666666666665)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.15" stroke-width="1" transform="translate(229.99999999999997,-38.33333333333333)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.15" stroke-width="1" transform="translate(229.99999999999997,265.26666666666665)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.098" stroke-width="1" transform="translate(306.66666666666663,-38.33333333333333)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.098" stroke-width="1" transform="translate(306.66666666666663,265.26666666666665)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#ddd" fill-opacity="0.07200000000000001" stroke-width="1" transform="translate(383.33333333333326,-38.33333333333333)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#ddd" fill-opacity="0.07200000000000001" stroke-width="1" transform="translate(383.33333333333326,265.26666666666665)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#ddd" fill-opacity="0.07200000000000001" stroke-width="1" transform="translate(0.0,12.266666666666666)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.08066666666666666" stroke-width="1" transform="translate(76.66666666666666,12.266666666666666)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#ddd" fill-opacity="0.07200000000000001" stroke-width="1" transform="translate(153.33333333333331,12.266666666666666)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.08066666666666666" stroke-width="1" transform="translate(229.99999999999997,12.266666666666666)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.15" stroke-width="1" transform="translate(306.66666666666663,12.266666666666666)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.11533333333333334" stroke-width="1" transform="translate(383.33333333333326,12.266666666666666)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.13266666666666665" stroke-width="1" transform="translate(0.0,62.86666666666666)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.046" stroke-width="1" transform="translate(76.66666666666666,62.86666666666666)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#ddd" fill-opacity="0.10666666666666667" stroke-width="1" transform="translate(153.33333333333331,62.86666666666666)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.046" stroke-width="1" transform="translate(229.99999999999997,62.86666666666666)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#ddd" fill-opacity="0.08933333333333333" stroke-width="1" transform="translate(306.66666666666663,62.86666666666666)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.046" stroke-width="1" transform="translate(383.33333333333326,62.86666666666666)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#ddd" fill-opacity="0.12400000000000001" stroke-width="1" transform="translate(0.0,113.46666666666665)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.06333333333333334" stroke-width="1" transform="translate(76.66666666666666,113.46666666666665)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.046" stroke-width="1" transform="translate(153.33333333333331,113.46666666666665)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#ddd" fill-opacity="0.03733333333333333" stroke-width="1" transform="translate(229.99999999999997,113.46666666666665)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.028666666666666667" stroke-width="1" transform="translate(306.66666666666663,113.46666666666665)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#ddd" fill-opacity="0.07200000000000001" stroke-width="1" transform="translate(383.33333333333326,113.46666666666665)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.08066666666666666" stroke-width="1" transform="translate(0.0,164.06666666666666)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.098" stroke-width="1" transform="translate(76.66666666666666,164.06666666666666)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.098" stroke-width="1" transform="translate(153.33333333333331,164.06666666666666)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.11533333333333334" stroke-width="1" transform="translate(229.99999999999997,164.06666666666666)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#ddd" fill-opacity="0.14133333333333334" stroke-width="1" transform="translate(306.66666666666663,164.06666666666666)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.11533333333333334" stroke-width="1" transform="translate(383.33333333333326,164.06666666666666)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#ddd" fill-opacity="0.05466666666666667" stroke-width="1" transform="translate(0.0,214.66666666666663)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.11533333333333334" stroke-width="1" transform="translate(76.66666666666666,214.66666666666663)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#ddd" fill-opacity="0.05466666666666667" stroke-width="1" transform="translate(153.33333333333331,214.66666666666663)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#222" fill-opacity="0.06333333333333334" stroke-width="1" transform="translate(229.99999999999997,214.66666666666663)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#ddd" fill-opacity="0.07200000000000001" stroke-width="1" transform="translate(306.66666666666663,214.66666666666663)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g><g stroke="#000" stroke-opacity="0.02" fill="#ddd" fill-opacity="0.05466666666666667" stroke-width="1" transform="translate(383.33333333333326,214.66666666666663)" ><polyline points="0,0,38.33333333333333,26.066666666666663,38.33333333333333,76.66666666666666,0,50.599999999999994,0,0"  /><polyline points="38.33333333333333,26.066666666666663,76.66666666666666,0,76.66666666666666,50.599999999999994,38.33333333333333,76.66666666666666,38.33333333333333,26.066666666666663"  /></g></svg>

data/fixtures/generated_patterns/concentric_circles.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="408" height="408"><rect x="0" y="0" width="100%" height="100%" fill="rgb(63, 144, 77)"  /><circle cx="34.0" cy="34.0" r="28.333333333333332" fill="none" stroke="#ddd" style="opacity:0.14133333333333334;stroke-width:11.333333333333332px;"  /><circle cx="34.0" cy="34.0" r="14.166666666666666" fill="#ddd" fill-opacity="0.05466666666666667"  /><circle cx="102.0" cy="34.0" r="28.333333333333332" fill="none" stroke="#ddd" style="opacity:0.08933333333333333;stroke-width:11.333333333333332px;"  /><circle cx="102.0" cy="34.0" r="14.166666666666666" fill="#222" fill-opacity="0.08066666666666666"  /><circle cx="170.0" cy="34.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.13266666666666665;stroke-width:11.333333333333332px;"  /><circle cx="170.0" cy="34.0" r="14.166666666666666" fill="#222" fill-opacity="0.11533333333333334"  /><circle cx="238.0" cy="34.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.15;stroke-width:11.333333333333332px;"  /><circle cx="238.0" cy="34.0" r="14.166666666666666" fill="#ddd" fill-opacity="0.12400000000000001"  /><circle cx="306.0" cy="34.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.098;stroke-width:11.333333333333332px;"  /><circle cx="306.0" cy="34.0" r="14.166666666666666" fill="#ddd" fill-opacity="0.05466666666666667"  /><circle cx="374.0" cy="34.0" r="28.333333333333332" fill="none" stroke="#ddd" style="opacity:0.07200000000000001;stroke-width:11.333333333333332px;"  /><circle cx="374.0" cy="34.0" r="14.166666666666666" fill="#ddd" fill-opacity="0.07200000000000001"  /><circle cx="34.0" cy="102.0" r="28.333333333333332" fill="none" stroke="#ddd" style="opacity:0.07200000000000001;stroke-width:11.333333333333332px;"  /><circle cx="34.0" cy="102.0" r="14.166666666666666" fill="#222" fill-opacity="0.06333333333333334"  /><circle cx="102.0" cy="102.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.08066666666666666;stroke-width:11.333333333333332px;"  /><circle cx="102.0" cy="102.0" r="14.166666666666666" fill="#ddd" fill-opacity="0.05466666666666667"  /><circle cx="170.0" cy="102.0" r="28.333333333333332" fill="none" stroke="#ddd" style="opacity:0.07200000000000001;stroke-width:11.333333333333332px;"  /><circle cx="170.0" cy="102.0" r="14.166666666666666" fill="#222" fill-opacity="0.11533333333333334"  /><circle cx="238.0" cy="102.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.08066666666666666;stroke-width:11.333333333333332px;"  /><circle cx="238.0" cy="102.0" r="14.166666666666666" fill="#ddd" fill-opacity="0.05466666666666667"  /><circle cx="306.0" cy="102.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.15;stroke-width:11.333333333333332px;"  /><circle cx="306.0" cy="102.0" r="14.166666666666666" fill="#222" fill-opacity="0.11533333333333334"  /><circle cx="374.0" cy="102.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.11533333333333334;stroke-width:11.333333333333332px;"  /><circle cx="374.0" cy="102.0" r="14.166666666666666" fill="#ddd" fill-opacity="0.14133333333333334"  /><circle cx="34.0" cy="170.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.13266666666666665;stroke-width:11.333333333333332px;"  /><circle cx="34.0" cy="170.0" r="14.166666666666666" fill="#222" fill-opacity="0.11533333333333334"  /><circle cx="102.0" cy="170.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.046;stroke-width:11.333333333333332px;"  /><circle cx="102.0" cy="170.0" r="14.166666666666666" fill="#222" fill-opacity="0.098"  /><circle cx="170.0" cy="170.0" r="28.333333333333332" fill="none" stroke="#ddd" style="opacity:0.10666666666666667;stroke-width:11.333333333333332px;"  /><circle cx="170.0" cy="170.0" r="14.166666666666666" fill="#222" fill-opacity="0.098"  /><circle cx="238.0" cy="170.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.046;stroke-width:11.333333333333332px;"  /><circle cx="238.0" cy="170.0" r="14.166666666666666" fill="#222" fill-opacity="0.08066666666666666"  /><circle cx="306.0" cy="170.0" r="28.333333333333332" fill="none" stroke="#ddd" style="opacity:0.08933333333333333;stroke-width:11.333333333333332px;"  /><circle cx="306.0" cy="170.0" r="14.166666666666666" fill="#ddd" fill-opacity="0.07200000000000001"  /><circle cx="374.0" cy="170.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.046;stroke-width:11.333333333333332px;"  /><circle cx="374.0" cy="170.0" r="14.166666666666666" fill="#222" fill-opacity="0.028666666666666667"  /><circle cx="34.0" cy="238.0" r="28.333333333333332" fill="none" stroke="#ddd" style="opacity:0.12400000000000001;stroke-width:11.333333333333332px;"  /><circle cx="34.0" cy="238.0" r="14.166666666666666" fill="#ddd" fill-opacity="0.03733333333333333"  /><circle cx="102.0" cy="238.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.06333333333333334;stroke-width:11.333333333333332px;"  /><circle cx="102.0" cy="238.0" r="14.166666666666666" fill="#222" fill-opacity="0.046"  /><circle cx="170.0" cy="238.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.046;stroke-width:11.333333333333332px;"  /><circle cx="170.0" cy="238.0" r="14.166666666666666" fill="#222" fill-opacity="0.06333333333333334"  /><circle cx="238.0" cy="238.0" r="28.333333333333332" fill="none" stroke="#ddd" style="opacity:0.03733333333333333;stroke-width:11.333333333333332px;"  /><circle cx="238.0" cy="238.0" r="14.166666666666666" fill="#ddd" fill-opacity="0.12400000000000001"  /><circle cx="306.0" cy="238.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.028666666666666667;stroke-width:11.333333333333332px;"  /><circle cx="306.0" cy="238.0" r="14.166666666666666" fill="#222" fill-opacity="0.046"  /><circle cx="374.0" cy="238.0" r="28.333333333333332" fill="none" stroke="#ddd" style="opacity:0.07200000000000001;stroke-width:11.333333333333332px;"  /><circle cx="374.0" cy="238.0" r="14.166666666666666" fill="#ddd" fill-opacity="0.08933333333333333"  /><circle cx="34.0" cy="306.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.08066666666666666;stroke-width:11.333333333333332px;"  /><circle cx="34.0" cy="306.0" r="14.166666666666666" fill="#222" fill-opacity="0.046"  /><circle cx="102.0" cy="306.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.098;stroke-width:11.333333333333332px;"  /><circle cx="102.0" cy="306.0" r="14.166666666666666" fill="#ddd" fill-opacity="0.10666666666666667"  /><circle cx="170.0" cy="306.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.098;stroke-width:11.333333333333332px;"  /><circle cx="170.0" cy="306.0" r="14.166666666666666" fill="#222" fill-opacity="0.046"  /><circle cx="238.0" cy="306.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.11533333333333334;stroke-width:11.333333333333332px;"  /><circle cx="238.0" cy="306.0" r="14.166666666666666" fill="#222" fill-opacity="0.13266666666666665"  /><circle cx="306.0" cy="306.0" r="28.333333333333332" fill="none" stroke="#ddd" style="opacity:0.14133333333333334;stroke-width:11.333333333333332px;"  /><circle cx="306.0" cy="306.0" r="14.166666666666666" fill="#222" fill-opacity="0.11533333333333334"  /><circle cx="374.0" cy="306.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.11533333333333334;stroke-width:11.333333333333332px;"  /><circle cx="374.0" cy="306.0" r="14.166666666666666" fill="#222" fill-opacity="0.15"  /><circle cx="34.0" cy="374.0" r="28.333333333333332" fill="none" stroke="#ddd" style="opacity:0.05466666666666667;stroke-width:11.333333333333332px;"  /><circle cx="34.0" cy="374.0" r="14.166666666666666" fill="#222" fill-opacity="0.08066666666666666"  /><circle cx="102.0" cy="374.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.11533333333333334;stroke-width:11.333333333333332px;"  /><circle cx="102.0" cy="374.0" r="14.166666666666666" fill="#ddd" fill-opacity="0.07200000000000001"  /><circle cx="170.0" cy="374.0" r="28.333333333333332" fill="none" stroke="#ddd" style="opacity:0.05466666666666667;stroke-width:11.333333333333332px;"  /><circle cx="170.0" cy="374.0" r="14.166666666666666" fill="#222" fill-opacity="0.08066666666666666"  /><circle cx="238.0" cy="374.0" r="28.333333333333332" fill="none" stroke="#222" style="opacity:0.06333333333333334;stroke-width:11.333333333333332px;"  /><circle cx="238.0" cy="374.0" r="14.166666666666666" fill="#ddd" fill-opacity="0.07200000000000001"  /><circle cx="306.0" cy="374.0" r="28.333333333333332" fill="none" stroke="#ddd" style="opacity:0.07200000000000001;stroke-width:11.333333333333332px;"  /><circle cx="306.0" cy="374.0" r="14.166666666666666" fill="#ddd" fill-opacity="0.07200000000000001"  /><circle cx="374.0" cy="374.0" r="28.333333333333332" fill="none" stroke="#ddd" style="opacity:0.05466666666666667;stroke-width:11.333333333333332px;"  /><circle cx="374.0" cy="374.0" r="14.166666666666666" fill="#222" fill-opacity="0.098"  /></svg>

data/fixtures/generated_patterns/diamonds.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="284" height="94"><rect x="0" y="0" width="100%" height="100%" fill="rgb(63, 144, 77)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.14133333333333334" stroke="#000" stroke-opacity="0.02" transform="translate(-23.666666666666668, -15.666666666666666)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.14133333333333334" stroke="#000" stroke-opacity="0.02" transform="translate(260.3333333333333, -15.666666666666666)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.14133333333333334" stroke="#000" stroke-opacity="0.02" transform="translate(-23.666666666666668, 78.33333333333333)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.14133333333333334" stroke="#000" stroke-opacity="0.02" transform="translate(260.3333333333333, 78.33333333333333)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.08933333333333333" stroke="#000" stroke-opacity="0.02" transform="translate(23.666666666666668, -15.666666666666666)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.08933333333333333" stroke="#000" stroke-opacity="0.02" transform="translate(23.666666666666668, 78.33333333333333)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.13266666666666665" stroke="#000" stroke-opacity="0.02" transform="translate(71.0, -15.666666666666666)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.13266666666666665" stroke="#000" stroke-opacity="0.02" transform="translate(71.0, 78.33333333333333)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.15" stroke="#000" stroke-opacity="0.02" transform="translate(118.33333333333333, -15.666666666666666)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.15" stroke="#000" stroke-opacity="0.02" transform="translate(118.33333333333333, 78.33333333333333)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.098" stroke="#000" stroke-opacity="0.02" transform="translate(165.66666666666669, -15.666666666666666)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.098" stroke="#000" stroke-opacity="0.02" transform="translate(165.66666666666669, 78.33333333333333)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.07200000000000001" stroke="#000" stroke-opacity="0.02" transform="translate(213.00000000000003, -15.666666666666666)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.07200000000000001" stroke="#000" stroke-opacity="0.02" transform="translate(213.00000000000003, 78.33333333333333)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.07200000000000001" stroke="#000" stroke-opacity="0.02" transform="translate(0.0, 0.0)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.07200000000000001" stroke="#000" stroke-opacity="0.02" transform="translate(284.0, 0.0)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.08066666666666666" stroke="#000" stroke-opacity="0.02" transform="translate(47.333333333333336, 0.0)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.07200000000000001" stroke="#000" stroke-opacity="0.02" transform="translate(94.66666666666667, 0.0)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.08066666666666666" stroke="#000" stroke-opacity="0.02" transform="translate(142.0, 0.0)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.15" stroke="#000" stroke-opacity="0.02" transform="translate(189.33333333333334, 0.0)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.11533333333333334" stroke="#000" stroke-opacity="0.02" transform="translate(236.66666666666669, 0.0)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.13266666666666665" stroke="#000" stroke-opacity="0.02" transform="translate(-23.666666666666668, 15.666666666666666)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.13266666666666665" stroke="#000" stroke-opacity="0.02" transform="translate(260.3333333333333, 15.666666666666666)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.046" stroke="#000" stroke-opacity="0.02" transform="translate(23.666666666666668, 15.666666666666666)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.10666666666666667" stroke="#000" stroke-opacity="0.02" transform="translate(71.0, 15.666666666666666)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.046" stroke="#000" stroke-opacity="0.02" transform="translate(118.33333333333333, 15.666666666666666)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.08933333333333333" stroke="#000" stroke-opacity="0.02" transform="translate(165.66666666666669, 15.666666666666666)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.046" stroke="#000" stroke-opacity="0.02" transform="translate(213.00000000000003, 15.666666666666666)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.12400000000000001" stroke="#000" stroke-opacity="0.02" transform="translate(0.0, 31.333333333333336)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.12400000000000001" stroke="#000" stroke-opacity="0.02" transform="translate(284.0, 31.333333333333336)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.06333333333333334" stroke="#000" stroke-opacity="0.02" transform="translate(47.333333333333336, 31.333333333333336)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.046" stroke="#000" stroke-opacity="0.02" transform="translate(94.66666666666667, 31.333333333333336)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.03733333333333333" stroke="#000" stroke-opacity="0.02" transform="translate(142.0, 31.333333333333336)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.028666666666666667" stroke="#000" stroke-opacity="0.02" transform="translate(189.33333333333334, 31.333333333333336)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.07200000000000001" stroke="#000" stroke-opacity="0.02" transform="translate(236.66666666666669, 31.333333333333336)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.08066666666666666" stroke="#000" stroke-opacity="0.02" transform="translate(-23.666666666666668, 47.0)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.08066666666666666" stroke="#000" stroke-opacity="0.02" transform="translate(260.3333333333333, 47.0)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.098" stroke="#000" stroke-opacity="0.02" transform="translate(23.666666666666668, 47.0)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.098" stroke="#000" stroke-opacity="0.02" transform="translate(71.0, 47.0)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.11533333333333334" stroke="#000" stroke-opacity="0.02" transform="translate(118.33333333333333, 47.0)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.14133333333333334" stroke="#000" stroke-opacity="0.02" transform="translate(165.66666666666669, 47.0)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.11533333333333334" stroke="#000" stroke-opacity="0.02" transform="translate(213.00000000000003, 47.0)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.05466666666666667" stroke="#000" stroke-opacity="0.02" transform="translate(0.0, 62.666666666666664)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.05466666666666667" stroke="#000" stroke-opacity="0.02" transform="translate(284.0, 62.666666666666664)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.11533333333333334" stroke="#000" stroke-opacity="0.02" transform="translate(47.333333333333336, 62.666666666666664)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.05466666666666667" stroke="#000" stroke-opacity="0.02" transform="translate(94.66666666666667, 62.666666666666664)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#222" fill-opacity="0.06333333333333334" stroke="#000" stroke-opacity="0.02" transform="translate(142.0, 62.666666666666664)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.07200000000000001" stroke="#000" stroke-opacity="0.02" transform="translate(189.33333333333334, 62.666666666666664)"  /><polyline points="23.666666666666668, 0, 47.333333333333336, 15.666666666666666, 23.666666666666668, 31.333333333333332, 0, 15.666666666666666" fill="#ddd" fill-opacity="0.05466666666666667" stroke="#000" stroke-opacity="0.02" transform="translate(236.66666666666669, 62.666666666666664)"  /></svg>