emojidex-converter 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: eca96b398c96a4bea4792951d367c36f9f1c8852
+  data.tar.gz: dae9f088cb49370d089f11a2e69d601d0ea5997f
+SHA512:
+  metadata.gz: 8e7b1f51c202e1cb931e68a13b92705175c29c9ec6280bc32e8a7ec7912e90c5af38808af192e600e328762c8f03fe45b788d7df07172b0a83a71786a6facf80
+  data.tar.gz: 9e760bdf75c0a2074cdcaa0ab51acfe3f1935c810e8db719e2b00ac422699ad68d3ae52a1c4274f56444c1f1f98611be614df7cefb7b93dd3ad8d8e5ebb48665

data/.gitignore

@@ -0,0 +1,23 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+
+*.swp
+*.swo
+spec/out/
+tmp/
+.DS_Store

data/.rspec

@@ -0,0 +1,2 @@
+--colour
+--format documentation

data/.rubocop.yml

@@ -0,0 +1,11 @@
+AsciiIdentifiers:
+  Enabled: false
+
+AsciiComments:
+  Enabled: false
+
+AccessorMethodName:
+  Enabled: false
+
+LineLength:
+  Max: 99

data/Gemfile

@@ -0,0 +1,19 @@
+source 'http://rubygems.org'
+
+gemspec
+
+group :development do
+  gem 'rb-inotify', require: false
+  gem 'rb-fsevent', require: false
+  gem 'guard'
+  gem 'guard-rspec'
+  gem 'rubocop'
+  gem 'guard-rubocop'
+  #gem 'emojidex', github: 'emojidex/emojidex'
+end
+
+group :test do
+  gem 'coveralls', require: false
+  gem 'rspec'
+  gem 'webmock'
+end

data/Guardfile

@@ -0,0 +1,12 @@
+guard :rubocop do
+  watch(%r{.+\.rb$})
+  watch(%r{(?:.+/)?\.rubocop\.yml$}) { |m| File.dirname(m[0]) }
+end
+
+guard :rspec do
+  watch(%r{^spec/.+_spec\.rb$})
+  watch(%r{^lib/(.+)\.rb$})     { |m| "spec/lib/#{m[1]}_spec.rb" }
+  watch('spec/spec_helper.rb')  { "spec" }
+
+  watch(%r{^spec/support/(.+)\.rb$})                  { "spec" }
+end

data/LICENSE.md

@@ -0,0 +1,3 @@
+License
+-------
+Equivilent to emojidex-toolkit. If you have a special license for emojidex-toolkit that license is also applied to emojidex-converter.

data/README.md

@@ -0,0 +1,5 @@
+[![Build Status](https://travis-ci.org/Genshin/emojidex-converter.svg)](https://travis-ci.org/Genshin/emojidex-converter)
+Emojidex Converter 
+------------------
+
+WIP

data/Rakefile

@@ -0,0 +1,8 @@
+require 'rubygems'
+require 'bundler'
+require 'rake'
+require 'rspec/core/rake_task'
+
+RSpec::Core::RakeTask.new(:spec)
+
+task default: :spec

data/emojidex-converter.gemspec

@@ -0,0 +1,22 @@
+Gem::Specification.new do |s|
+  s.name          = 'emojidex-converter'
+  s.version       = '0.0.1'
+  s.license       = 'Equivilent to emojidex-toolkit'
+  s.summary       = 'Image conversion modules for emojidex'
+  s.description   = 'Adds the convert method to Emojidex::Collection and Emojidex::Emoji, which\
+                    allows you to convert an emoji collection or a single emoji to the specified\
+                    image format.'
+  s.authors       = ['Rei Kagetsuki', 'Rika Yoshida']
+  s.email         = ['zero@genshin.org', 'nazuki@genshin.org']
+  s.files         = `git ls-files`.split("\n")
+  s.homepage      = 'http://dev.emojidex.com'
+
+  s.add_dependency 'rsvg2'
+  s.add_dependency 'rmagick'
+  s.add_dependency 'ruby-filemagic'
+  s.add_dependency 'rapngasm'
+  s.add_dependency 'nokogiri'
+  s.add_dependency 'cairo'
+  s.add_dependency 'emojidex'
+  s.add_dependency 'phantom_svg'
+end

data/lib/emojidex/converter.rb

@@ -0,0 +1,40 @@
+require 'phantom_svg'
+require_relative 'preprocessor'
+
+module Emojidex
+  # Converter utility for emojidex
+  class Converter
+    def self.default_sizes
+      { ldpi: 9, mdpi: 18, hdpi: 27, xhdpi: 36, px8: 8,
+        px16: 16, px32: 32, px64: 64, px128: 128, px256: 256 }
+    end
+
+    attr_accessor :sizes, :formats, :location
+    def initialize(override = {})
+      @sizes = override[:sizes] || Converter.default_sizes
+      @path = File.expand_path(override[:destination] || ENV['EMOJI_CACHE'] || './')
+    end
+
+    def rasterize(emoji, source_dir)
+      emoji.each do |moji|
+        phantom_svg = Phantom::SVG::Base.new("#{source_dir}/#{moji.code}.svg")
+        @sizes.each do |key, val|
+          # Create out directory.
+          out_dir = "#{@path}/#{key}"
+          FileUtils.mkdir_p(out_dir)
+
+          # Set size.
+          phantom_svg.width = phantom_svg.height = val.to_i
+
+          # Output png.
+          phantom_svg.save_apng("#{out_dir}/#{moji.code}.png")
+        end
+      end
+    end
+
+    def preprocess(source_dir)
+      preprocessor = Emojidex::Preprocessor.new
+      preprocessor.compile_svg_animations(source_dir)
+    end
+  end
+end

data/lib/emojidex/preprocessor.rb

@@ -0,0 +1,25 @@
+require 'phantom_svg'
+
+module Emojidex
+  # compile svg files in a svg animation file
+  class Preprocessor
+    def compile_svg_animations(path)
+      Dir.entries(path).each do |file|
+        current_path = "#{path}/#{file}"
+        next unless File.ftype(current_path) == 'directory'
+        compile(current_path) unless file.start_with?('.')
+      end
+    end
+
+    private
+
+    def compile(source_dir)
+      json_path = "#{source_dir}/animation.json"
+
+      return unless File.exist?(json_path)
+
+      phantom_svg = Phantom::SVG::Base.new(json_path)
+      phantom_svg.save_svg("#{File.dirname(source_dir)}/#{File.basename(source_dir)}.svg")
+    end
+  end
+end

data/lib/emojidex_converter.rb

@@ -0,0 +1,4 @@
+require 'emojidex'
+
+require 'emojidex/converter'
+require 'emojidex/preprocessor'

data/spec/converter_spec.rb

@@ -0,0 +1,54 @@
+require 'spec_helper'
+
+describe Emojidex::Converter do
+  let(:converter) do
+    @destination = File.expand_path('../support/tmp/out', __FILE__)
+    FileUtils.remove_entry_secure(@destination, true)
+    Emojidex::Converter.new(destination: @destination)
+  end
+
+  describe '.new' do
+    it 'successfully creates a new Converter object' do
+      expect(converter).to be_an_instance_of(Emojidex::Converter)
+    end
+  end
+
+  describe '.sizes' do
+    it 'is a hash of size codes and sizes in px' do
+      expect(converter.sizes).to be_an_instance_of(Hash)
+      expect(converter.sizes.size).to eq(Emojidex::Converter.default_sizes.size)
+    end
+
+    it 'overrides sizes when passed in initialization' do
+      conv = Emojidex::Converter.new(sizes: { px200: 200, px1024: 1024, way_too_big: 20_000_000 })
+      expect(conv.sizes).to eq(px200: 200, px1024: 1024, way_too_big: 20_000_000)
+    end
+  end
+
+  describe '.preprocess' do
+    it 'preprocesses folders with SVG frame and animation.json files into frame-animated SVGs' do
+      setup_working_collection
+      converter.preprocess("#{@support_dir}/tmp/collection")
+      expect(File.exist?("#{@support_dir}/tmp/collection/heartbeat.svg")).to be true
+    end
+  end
+
+  describe '.rasterize' do
+    it 'converts base SVG from the source directory to PNG in the destination directory' do
+      setup_working_collection
+      converter.preprocess("#{@support_dir}/tmp/collection")
+      converter.rasterize([Emojidex::Emoji.new(code: 'kiss')], "#{@support_dir}/tmp/collection")
+
+      expect(File.exist?("#{@destination}/ldpi/kiss.png")).to be_truthy
+      expect(File.exist?("#{@destination}/mdpi/kiss.png")).to be_truthy
+      expect(File.exist?("#{@destination}/hdpi/kiss.png")).to be_truthy
+      expect(File.exist?("#{@destination}/xhdpi/kiss.png")).to be_truthy
+      expect(File.exist?("#{@destination}/px8/kiss.png")).to be_truthy
+      expect(File.exist?("#{@destination}/px16/kiss.png")).to be_truthy
+      expect(File.exist?("#{@destination}/px32/kiss.png")).to be_truthy
+      expect(File.exist?("#{@destination}/px64/kiss.png")).to be_truthy
+      expect(File.exist?("#{@destination}/px128/kiss.png")).to be_truthy
+      expect(File.exist?("#{@destination}/px256/kiss.png")).to be_truthy
+    end
+  end
+end

data/spec/spec_helper.rb

@@ -0,0 +1,11 @@
+require 'emojidex_converter'
+
+def setup_working_collection
+  @support_dir = File.expand_path('../support', __FILE__)
+
+  FileUtils.rmdir("#{@support_dir}/tmp")
+  FileUtils.mkdir_p("#{@support_dir}/tmp")
+  FileUtils.cp_r("#{@support_dir}/collection", "#{@support_dir}/tmp")
+
+  "#{@support_dir}/tmp/collection"
+end

data/spec/support/collection/aubergine.svg

@@ -0,0 +1,160 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px"
+	 height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
+<g id="レイヤー_1">
+</g>
+<g id="ここから下は新しいやつ">
+	<g id="レイヤー_572">
+		<g>
+			<g>
+				<defs>
+					<filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="1.793" y="52.102" width="42.559" height="5.354">
+						<feFlood  style="flood-color:white;flood-opacity:1" result="back"/>
+						<feBlend  in="SourceGraphic" in2="back" mode="normal"/>
+					</filter>
+				</defs>
+				<mask maskUnits="userSpaceOnUse" x="1.793" y="52.102" width="42.559" height="5.354" id="SVGID_1_">
+					<g filter="url(#Adobe_OpacityMaskFilter)">
+						
+							<image overflow="visible" width="48" height="10" xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/7AARRHVja3kAAQAEAAAAHgAA/+4AIUFkb2JlAGTAAAAAAQMA
+EAMCAwYAAAGIAAABqgAAAez/2wCEABALCwsMCxAMDBAXDw0PFxsUEBAUGx8XFxcXFx8eFxoaGhoX
+Hh4jJSclIx4vLzMzLy9AQEBAQEBAQEBAQEBAQEABEQ8PERMRFRISFRQRFBEUGhQWFhQaJhoaHBoa
+JjAjHh4eHiMwKy4nJycuKzU1MDA1NUBAP0BAQEBAQEBAQEBAQP/CABEIAAoAMAMBIgACEQEDEQH/
+xAB1AAEBAQEAAAAAAAAAAAAAAAAGAAcEAQEAAAAAAAAAAAAAAAAAAAAAEAABBAMBAAAAAAAAAAAA
+AAAEAAMFBhABAiARAAEBBgcAAAAAAAAAAAAAAAEAETHRAgMEIJGxEiKjNBIBAAAAAAAAAAAAAAAA
+AAAAEP/aAAwDAQACEQMRAAAAEph8aHZ5DAzyx//aAAgBAgABBQDP/9oACAEDAAEFAM//2gAIAQEA
+AQUADZDd6joWrFLVTqS3UqkpGFqoqMZDa69f/9oACAECAgY/AH//2gAIAQMCBj8Af//aAAgBAQEG
+PwBlzWNLTMrabhswfzMV6OwxXo7DFbZbhkxdzMUy3rGrpmMf/9k=" transform="matrix(1 0 0 1 -1 50)">
+						</image>
+					</g>
+				</mask>
+				<g mask="url(#SVGID_1_)">
+					<ellipse fill="#3E3A39" cx="23.072" cy="54.777" rx="21.279" ry="2.678"/>
+				</g>
+			</g>
+			<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="57.3721" y1="18.436" x2="10.2473" y2="48.8109">
+				<stop  offset="0.0606" style="stop-color:#9F009A"/>
+				<stop  offset="0.0771" style="stop-color:#84008B"/>
+				<stop  offset="0.1151" style="stop-color:#4B006B"/>
+				<stop  offset="0.1333" style="stop-color:#35005F"/>
+				<stop  offset="0.3048" style="stop-color:#29004B"/>
+				<stop  offset="0.5627" style="stop-color:#1B0033"/>
+				<stop  offset="0.8011" style="stop-color:#130024"/>
+				<stop  offset="1" style="stop-color:#10001F"/>
+			</linearGradient>
+			<path fill="url(#SVGID_2_)" stroke="#230042" stroke-width="0.8905" stroke-miterlimit="10" d="M42.142,17.255
+				c0,0-6.189,4.203-11.04,6.799c-3.36,1.798-14.453,4.718-18.936,6.767c-8.499,3.888-11.431,12.61-6.801,19.122
+				c4.612,6.486,14.987,8.736,27.112,1.471C45.239,43.768,51.533,35.43,56.16,25.188l1.176-8.795l-4.393-4.518L42.142,17.255z"/>
+			<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="14.5557" y1="60.7061" x2="16.9309" y2="47.3296">
+				<stop  offset="0" style="stop-color:#FFFFFF"/>
+				<stop  offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
+			</linearGradient>
+			<path fill="url(#SVGID_3_)" d="M5.815,46.678c-2.897,2.271,7.951,9.332,14.683,8.084c6.732-1.25,10.706-6.518,4.435-7.373
+				C18.662,46.535,8.721,44.4,5.815,46.678z"/>
+			<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="60.7119" y1="20.7832" x2="34.9491" y2="43.0099">
+				<stop  offset="0" style="stop-color:#BFC0FF"/>
+				<stop  offset="1" style="stop-color:#BFC0FF;stop-opacity:0"/>
+			</linearGradient>
+			<path opacity="0.71" fill="url(#SVGID_4_)" d="M16.751,54.559c5.602,1.844,21.151-8.309,28.234-15.172
+				c7.206-6.984,9.563-11.919,10.676-16.263c1.001-3.904-7.71,11.478-16.63,18.204C32.423,46.311,13.408,53.461,16.751,54.559z"/>
+			<g opacity="0.43">
+				<defs>
+					<filter id="Adobe_OpacityMaskFilter_1_" filterUnits="userSpaceOnUse" x="28.595" y="11.789" width="25.861" height="21.419">
+						<feFlood  style="flood-color:white;flood-opacity:1" result="back"/>
+						<feBlend  in="SourceGraphic" in2="back" mode="normal"/>
+					</filter>
+				</defs>
+				<mask maskUnits="userSpaceOnUse" x="28.595" y="11.789" width="25.861" height="21.419" id="SVGID_5_">
+					<g filter="url(#Adobe_OpacityMaskFilter_1_)">
+						
+							<image overflow="visible" width="31" height="27" xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/7AARRHVja3kAAQAEAAAAHgAA/+4AIUFkb2JlAGTAAAAAAQMA
+EAMCAwYAAAGTAAABxAAAAj3/2wCEABALCwsMCxAMDBAXDw0PFxsUEBAUGx8XFxcXFx8eFxoaGhoX
+Hh4jJSclIx4vLzMzLy9AQEBAQEBAQEBAQEBAQEABEQ8PERMRFRISFRQRFBEUGhQWFhQaJhoaHBoa
+JjAjHh4eHiMwKy4nJycuKzU1MDA1NUBAP0BAQEBAQEBAQEBAQP/CABEIABsAHwMBIgACEQEDEQH/
+xAB8AAADAAMAAAAAAAAAAAAAAAAABAcBBQYBAQAAAAAAAAAAAAAAAAAAAAAQAAIBBQADAAAAAAAA
+AAAAAAQFBgAQIAIDAUIHEQACAQIEBgMAAAAAAAAAAAABAgMxBAARIRMQQWFxgQUgEiISAQAAAAAA
+AAAAAAAAAAAAACD/2gAMAwEAAhEDEQAAAJ+HZmsZo8vFesn2BxMD/9oACAECAAEFAMP/2gAIAQMA
+AQUAw//aAAgBAQABBQC0eiBzrw4ifFezqHQ7czYw5emEYybc99HeAe5jL6EONxYtj2fWvW//2gAI
+AQICBj8AH//aAAgBAwIGPwAf/9oACAEBAQY/AOG8c4bbk5GrdsWForkrdzxwtrT7sFz4Lf8AsFKw
+DWOM8+pwWcrEiD8roKYtvYOCILWdJEXojhs8vGN69I2osiAaE4Ft6uMOVGQeijG5eSlzULRR2HDn
+Xx8P/9k=" transform="matrix(1 0 0 1 26 9)">
+						</image>
+					</g>
+				</mask>
+				<g mask="url(#SVGID_5_)">
+					
+						<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="42.7148" y1="27.9424" x2="33.0063" y2="35.8643" gradientTransform="matrix(1.3624 0.7119 -1.639 3.3773 42.244 -110.9866)">
+						<stop  offset="0" style="stop-color:#FFFFFF"/>
+						<stop  offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
+					</linearGradient>
+					<path fill="url(#SVGID_6_)" d="M46.744,14.155c9.627-7.496,10.746,4.681,0.479,10.713
+						C15.273,43.639,30.783,26.586,46.744,14.155z"/>
+				</g>
+			</g>
+			<g>
+				<g>
+					<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="50.1357" y1="7.8887" x2="55.3858" y2="23.0137">
+						<stop  offset="0" style="stop-color:#ABFF00"/>
+						<stop  offset="0.2207" style="stop-color:#91EF00"/>
+						<stop  offset="0.7466" style="stop-color:#58CD00"/>
+						<stop  offset="1" style="stop-color:#42BF00"/>
+					</linearGradient>
+					<path fill="url(#SVGID_7_)" d="M49.885,10.373c2.796-1.288,6.432,0.774,7.539-0.947c1.11-1.72,2.794-2.881,2.794-2.881
+						s2.528,1.299,1.884,2.009c0,0-2.957,1.981-2.939,3.116c0.019,1.135,3.424,6.891,0.492,10.712
+						c-2.932,3.823-6.423,8.222-6.423,8.222s0.474-4.658,0.868-5.997c0.395-1.337,0.814-5.187,0.993-6.478
+						c0,0-8.485,3.427-9.633,5.497c0,0,2.903-7.119,4.697-8.303c-2.503,0.541-6.163,0.99-8.632,2.208
+						C41.525,17.532,46.843,11.773,49.885,10.373z"/>
+					<path fill="none" stroke="#223502" stroke-width="0.8905" stroke-miterlimit="10" d="M49.885,10.373
+						c2.796-1.288,6.432,0.774,7.539-0.947c1.11-1.72,2.794-2.881,2.794-2.881s2.528,1.299,1.884,2.009c0,0-2.957,1.981-2.939,3.116
+						c0.019,1.135,3.424,6.891,0.492,10.712c-2.932,3.823-6.423,8.222-6.423,8.222s0.474-4.658,0.868-5.997
+						c0.395-1.337,0.814-5.187,0.993-6.478c0,0-8.485,3.427-9.633,5.497c0,0,2.903-7.119,4.697-8.303
+						c-2.503,0.541-6.163,0.99-8.632,2.208C41.525,17.532,46.843,11.773,49.885,10.373z"/>
+				</g>
+				<defs>
+					<filter id="Adobe_OpacityMaskFilter_2_" filterUnits="userSpaceOnUse" x="39.571" y="6.028" width="23.081" height="26.045">
+						
+							<feColorMatrix  type="matrix" values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0" color-interpolation-filters="sRGB" result="source"/>
+					</filter>
+				</defs>
+				<mask maskUnits="userSpaceOnUse" x="39.571" y="6.028" width="23.081" height="26.045" id="SVGID_8_">
+					<g filter="url(#Adobe_OpacityMaskFilter_2_)">
+						
+							<image overflow="visible" width="28" height="31" xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/7AARRHVja3kAAQAEAAAAHgAA/+4AIUFkb2JlAGTAAAAAAQMA
+EAMCAwYAAAGWAAABxAAAAi7/2wCEABALCwsMCxAMDBAXDw0PFxsUEBAUGx8XFxcXFx8eFxoaGhoX
+Hh4jJSclIx4vLzMzLy9AQEBAQEBAQEBAQEBAQEABEQ8PERMRFRISFRQRFBEUGhQWFhQaJhoaHBoa
+JjAjHh4eHiMwKy4nJycuKzU1MDA1NUBAP0BAQEBAQEBAQEBAQP/CABEIAB8AHAMBIgACEQEDEQH/
+xAB+AAACAwEAAAAAAAAAAAAAAAACBwAEBgUBAQAAAAAAAAAAAAAAAAAAAAAQAAAFBQEBAAAAAAAA
+AAAAAAIDBAUGABAgARIRFBEAAQMDAgUFAAAAAAAAAAAAARECAwBBEhAxIFFhBAUhcdEiJBIBAAAA
+AAAAAAAAAAAAAAAAIP/aAAwDAQACEQMRAAAAX92oyjHcZ0JUhhDXZEhP/9oACAECAAEFAMP/2gAI
+AQMAAQUAw//aAAgBAQABBQCkDO4uOwxdeSX4DsHHUHeEnxyAohYy2EcaICiRjQMNzNmbFX//2gAI
+AQICBj8AH//aAAgBAwIGPwAf/9oACAEBAQY/AK/JC57VTLYVLP5CMwQxL6m6X9qRTgu90oF6ltwK
+eyRje3Yw4xuJH2CfNdwCQ+NzCjgenPURlxwGzRtUPjIjnI5gatgE4FkXLry0/9k=" transform="matrix(1 0 0 1 37 4)">
+						</image>
+					</g>
+				</mask>
+				<g opacity="0.16" mask="url(#SVGID_8_)">
+					<path fill="#355606" d="M49.885,10.373c2.796-1.288,6.432,0.774,7.539-0.947c1.11-1.72,2.794-2.881,2.794-2.881
+						s2.528,1.299,1.884,2.009c0,0-2.957,1.981-2.939,3.116c0.019,1.135,3.424,6.891,0.492,10.712
+						c-2.932,3.823-6.423,8.222-6.423,8.222s0.474-4.658,0.868-5.997c0.395-1.337,0.814-5.187,0.993-6.478
+						c0,0-8.485,3.427-9.633,5.497c0,0,2.903-7.119,4.697-8.303c-2.503,0.541-6.163,0.99-8.632,2.208
+						C41.525,17.532,46.843,11.773,49.885,10.373z"/>
+					<path fill="none" stroke="#355606" stroke-width="0.8905" stroke-miterlimit="10" d="M49.885,10.373
+						c2.796-1.288,6.432,0.774,7.539-0.947c1.11-1.72,2.794-2.881,2.794-2.881s2.528,1.299,1.884,2.009c0,0-2.957,1.981-2.939,3.116
+						c0.019,1.135,3.424,6.891,0.492,10.712c-2.932,3.823-6.423,8.222-6.423,8.222s0.474-4.658,0.868-5.997
+						c0.395-1.337,0.814-5.187,0.993-6.478c0,0-8.485,3.427-9.633,5.497c0,0,2.903-7.119,4.697-8.303
+						c-2.503,0.541-6.163,0.99-8.632,2.208C41.525,17.532,46.843,11.773,49.885,10.373z"/>
+				</g>
+			</g>
+			<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="16.4053" y1="35.6416" x2="33.3303" y2="29.8717">
+				<stop  offset="0" style="stop-color:#FFFFFF"/>
+				<stop  offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
+			</linearGradient>
+			<path fill="url(#SVGID_9_)" d="M12.87,32.214c-0.064,0.042-0.12,0.082-0.167,0.121c-2.693,1.298-5.364,3.175-6.352,5.095
+				c-4.375,8.5,4.375,7.875,6,2.5c1.163-3.846,4.868-7.421,6.411-8.446c3.897-2.589,11.816-2.968,12.498-5.121
+				C32.04,23.907,14.362,31.25,12.87,32.214z"/>
+		</g>
+	</g>
+</g>
+</svg>

data/spec/support/collection/car.svg

@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="&#x30EC;&#x30A4;&#x30E4;&#x30FC;_1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px"
+	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<g>
+	<g>
+		<defs>
+			<filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="2.313" y="40.02" width="59.375" height="2.375">
+				<feFlood  style="flood-color:white;flood-opacity:1" result="back"/>
+				<feBlend  in="SourceGraphic" in2="back" mode="normal"/>
+			</filter>
+		</defs>
+		<mask maskUnits="userSpaceOnUse" x="2.313" y="40.02" width="59.375" height="2.375" id="SVGID_1_">
+			<g style="filter:url(#Adobe_OpacityMaskFilter);">
+				
+					<image style="overflow:visible;" width="64" height="7" xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/7AARRHVja3kAAQAEAAAAHgAA/+4AIUFkb2JlAGTAAAAAAQMA
+EAMCAwYAAAGEAAABqgAAAin/2wCEABALCwsMCxAMDBAXDw0PFxsUEBAUGx8XFxcXFx8eFxoaGhoX
+Hh4jJSclIx4vLzMzLy9AQEBAQEBAQEBAQEBAQEABEQ8PERMRFRISFRQRFBEUGhQWFhQaJhoaHBoa
+JjAjHh4eHiMwKy4nJycuKzU1MDA1NUBAP0BAQEBAQEBAQEBAQP/CABEIAAcAQAMBIgACEQEDEQH/
+xAB0AAEBAQEAAAAAAAAAAAAAAAAAAgUGAQEAAAAAAAAAAAAAAAAAAAAAEAABBQEBAAAAAAAAAAAA
+AAAFAAMEFQcgAREAAgAEBgMAAAAAAAAAAAAAAQIAEgMEEZIU1AU1IUGREgEAAAAAAAAAAAAAAAAA
+AAAg/9oADAMBAAIRAxEAAADltYLABGSH/9oACAECAAEFAOP/2gAIAQMAAQUA4//aAAgBAQABBQAe
+SAR4rRPOvW7LNlZZsrLNlZZsnSedeNkCQCRF/9oACAECAgY/AB//2gAIAQMCBj8AH//aAAgBAQEG
+PwBaV9w2tuATNX1VWjMCfAkQYDAQprcPcpVIE6pUZ1B9gMbhSfgjqbvO26jqbvO26jqbvO26jqbv
+O26hjR4e5eqAZFeoyKT6BYXDEfDDUrHhtFcEiWvqqtaUA+RI4wOIj//Z" transform="matrix(1 0 0 1 0 38)">
+				</image>
+			</g>
+		</mask>
+		<g style="mask:url(#SVGID_1_);">
+			<ellipse style="fill:#888888;" cx="32" cy="41.207" rx="29.688" ry="1.188"/>
+		</g>
+	</g>
+	<path style="fill:#D82400;stroke:#260E0A;stroke-miterlimit:10;" d="M2.563,34.869c0,0,0.5-1.935,2.25-2.579s9.75-3.224,16-3.482
+		c0,0,6.875-3.868,9.75-4.771c2.875-0.903,8.75-0.517,11.75-0.259c3,0.259,9.75,3.354,12.125,3.611s5,0.902,5,0.902l0.125,2.837
+		l1.25,1.935c0,0,0.375,3.74-1,4.9c-1.375,1.161-2.5,0.774-2.5,0.774l-2,0.387c0,0,1.125-4.127-1.625-6.062
+		s-6.625-0.645-7.875,1.548s-0.375,4.9-0.375,4.9l-26.5,0.129c0,0,0.625-4.643-2.5-6.577s-6.25-0.258-7.375,1.548
+		S8.438,39.77,8.438,39.77l-5.125-0.773l-0.25-1.227L2.563,34.869z"/>
+	<circle style="fill:#0C0A09;" cx="13.375" cy="37.332" r="4.438"/>
+	<circle style="fill:#0C0A09;" cx="50.375" cy="37.207" r="4.438"/>
+	<path style="fill:#FFFFFF;stroke:#260E0A;stroke-miterlimit:10;" d="M23.688,29.895c0,0,5.875-4.375,7.75-4.625
+		s6.875-0.375,9.625,0.25s5.375,1.875,5.375,1.875s-3.375,2.125-6.375,1.875S23.688,29.895,23.688,29.895z"/>
+	<path style="fill:#FFFDFD;" d="M4.313,33.895c0,0,3.5-0.5,4.125-1.625S5.063,33.145,4.313,33.895z"/>
+	<path style="fill:#D82400;stroke:#260E0A;stroke-miterlimit:10;" d="M23.938,31.02l-0.875-0.375l1.25-1l1.875-1.5
+		c0,0,1.875,0,2.5,0.5s-0.5,2.625-0.5,2.625l-2.375-0.5L23.938,31.02z"/>
+	<line style="fill:#FFFFFF;stroke:#260E0A;stroke-miterlimit:10;" x1="41.046" y1="23.683" x2="43.829" y2="21.605"/>
+	<polygon style="fill:#63170A;" points="21.313,38.395 45.188,36.52 44.938,39.02 21.688,39.145 	"/>
+	<path style="fill:#FFC3BB;" d="M58.938,31.645c0,0-2.375,0.625-2.5-1.75l2.875-0.25L58.938,31.645z"/>
+	<polygon style="fill:#260E0A;" points="40.373,25.27 46.438,27.627 40.063,29.395 	"/>
+	<polygon style="fill:#63170A;" points="2.563,34.895 3.563,34.895 3.688,36.645 2.688,37.52 	"/>
+	<polygon style="fill:#63170A;" points="3.313,38.77 5.688,35.645 6.938,35.145 5.688,38.395 	"/>
+	<path style="fill:none;stroke:#DD3E28;stroke-miterlimit:10;" d="M14.938,31.145c0,0,3.25,0.75,4.125,3l22.75-1.75l4-0.125
+		c0,0,3.75-2.875,7.625-1"/>
+	<circle style="fill:none;stroke:#595757;stroke-width:0.5;stroke-miterlimit:10;" cx="13.563" cy="37.395" r="3.375"/>
+	<g>
+		<polyline style="fill:none;stroke:#F7F7F7;stroke-width:0.5;stroke-miterlimit:3;" points="16.438,35.895 13.813,37.27 
+			13.188,34.27 		"/>
+		<polyline style="fill:none;stroke:#F7F7F7;stroke-width:0.5;stroke-miterlimit:10;" points="16.688,37.02 13.313,37.145 
+			14.188,34.395 		"/>
+		<polyline style="fill:none;stroke:#F7F7F7;stroke-width:0.5;stroke-miterlimit:3;" points="14.938,40.02 13.813,37.27 
+			15.813,39.52 		"/>
+		<polyline style="fill:none;stroke:#F7F7F7;stroke-width:0.5;" points="11.313,39.395 13.813,37.27 12.188,39.895 		"/>
+		<polyline style="fill:none;stroke:#F7F7F7;stroke-width:0.5;" points="10.688,35.52 13.813,37.27 10.438,36.645 		"/>
+	</g>
+	<circle style="fill:none;stroke:#595757;stroke-width:0.5;stroke-miterlimit:10;" cx="50.313" cy="37.27" r="3.375"/>
+	<g>
+		<polyline style="fill:none;stroke:#F7F7F7;stroke-width:0.5;stroke-miterlimit:3;" points="53.188,35.77 50.563,37.145 
+			49.938,34.145 		"/>
+		<polyline style="fill:none;stroke:#F7F7F7;stroke-width:0.5;stroke-miterlimit:10;" points="53.438,36.895 50.063,37.02 
+			50.938,34.27 		"/>
+		<polyline style="fill:none;stroke:#F7F7F7;stroke-width:0.5;stroke-miterlimit:3;" points="51.688,39.895 50.563,37.145 
+			52.563,39.395 		"/>
+		<polyline style="fill:none;stroke:#F7F7F7;stroke-width:0.5;" points="48.063,39.27 50.563,37.145 48.938,39.77 		"/>
+		<polyline style="fill:none;stroke:#F7F7F7;stroke-width:0.5;" points="47.438,35.395 50.563,37.145 47.188,36.52 		"/>
+	</g>
+</g>
+</svg>