prawn-svg 0.15.0.0 → 0.16.0

data/lib/prawn/svg/parser/image.rb

@@ -1,12 +1,6 @@
-require 'open-uri'
-require 'base64'
-
 class Prawn::Svg::Parser::Image
   Error = Class.new(StandardError)
 
-  DATAURL_REGEXP = /(data:image\/(png|jpg);base64(;[a-z0-9]+)*,)/
-  URL_REGEXP = /^https?:\/\/|#{DATAURL_REGEXP}/
-
   class FakeIO
     def initialize(data)
       @data = data
@@ -30,12 +24,12 @@ class Prawn::Svg::Parser::Image
       raise Error, "image tag must have an xlink:href"
     end
 
-    if !url.match(URL_REGEXP)
+    if !@document.url_loader.valid?(url)
       raise Error, "image tag xlink:href attribute must use http, https or data scheme"
     end
 
     image = begin
-      retrieve_data_from_url(url)
+      @document.url_loader.load(url)
     rescue => e
       raise Error, "Error retrieving URL #{url}: #{e.message}"
     end
@@ -48,50 +42,18 @@ class Prawn::Svg::Parser::Image
     return if width.zero? || height.zero?
     raise Error, "width and height must be 0 or higher" if width < 0 || height < 0
 
-    par = (attrs['preserveAspectRatio'] || "xMidYMid meet").strip.split(/\s+/)
-    par.shift if par.first == "defer"
-    align, meet_or_slice = par
-    slice = meet_or_slice == "slice"
+    aspect = Prawn::Svg::Calculators::AspectRatio.new(attrs['preserveAspectRatio'], [width, height], image_dimensions(image))
 
-    if slice
+    if aspect.slice?
       element.add_call "save"
       element.add_call "rectangle", [x, y], width, height
       element.add_call "clip"
     end
 
-    options = {}
-    case align
-    when /\Ax(Min|Mid|Max)Y(Min|Mid|Max)\z/
-      ratio = image_ratio(image)
-
-      options[:fit] = [width, height] unless slice
-
-      if (width/height > ratio) == slice
-        options[:width] = width if slice
-        y -= case $2
-             when "Min" then 0
-             when "Mid" then (height - width/ratio)/2
-             when "Max" then height - width/ratio
-             end
-      else
-        options[:height] = height if slice
-        x += case $1
-             when "Min" then 0
-             when "Mid" then (width - height*ratio)/2
-             when "Max" then width - height*ratio
-             end
-      end
-    when 'none'
-      options[:width] = width
-      options[:height] = height
-    else
-      raise Error, "unknown preserveAspectRatio align keyword; ignoring image"
-    end
-
-    options[:at] = [x, y]
+    options = {:width => aspect.width, :height => aspect.height, :at => [x + aspect.x, y - aspect.y]}
 
     element.add_call "image", FakeIO.new(image), options
-    element.add_call "restore" if slice
+    element.add_call "restore" if aspect.slice?
   rescue Error => e
     @document.warnings << e.message
   end
@@ -108,24 +70,7 @@ class Prawn::Svg::Parser::Image
     end
 
     image = handler.new(data)
-    [image.width, image.height]
-  end
-
-  def image_ratio(data)
-    w, h = image_dimensions(data)
-    w.to_f / h.to_f
-  end
-
-  def retrieve_data_from_url(url)
-    @url_cache[url] || begin
-      if m = url.match(DATAURL_REGEXP)
-        data = Base64.decode64(url[m[0].length .. -1])
-      else
-        data = open(url).read
-      end
-      @url_cache[url] = data if @document.cache_images
-      data
-    end
+    [image.width.to_f, image.height.to_f]
   end
 
   %w(x y distance).each do |method|

data/lib/prawn/svg/url_loader.rb

@@ -0,0 +1,34 @@
+require 'open-uri'
+require 'base64'
+
+class Prawn::Svg::UrlLoader
+  attr_accessor :enable_cache, :enable_web
+  attr_reader :url_cache
+
+  DATAURL_REGEXP = /(data:image\/(png|jpg);base64(;[a-z0-9]+)*,)/
+  URL_REGEXP = /^https?:\/\/|#{DATAURL_REGEXP}/
+
+  def initialize(opts = {})
+    @url_cache = {}
+    @enable_cache = opts.fetch(:enable_cache, false)
+    @enable_web = opts.fetch(:enable_web, true)
+  end
+
+  def valid?(url)
+    !!url.match(URL_REGEXP)
+  end
+
+  def load(url)
+    @url_cache[url] || begin
+      if m = url.match(DATAURL_REGEXP)
+        data = Base64.decode64(url[m[0].length .. -1])
+      elsif enable_web
+        data = open(url).read
+      else
+        raise "No handler available to retrieve URL #{url}"
+      end
+      @url_cache[url] = data if enable_cache
+      data
+    end
+  end
+end

data/lib/prawn/svg/version.rb

@@ -1,5 +1,5 @@
 module Prawn
   module Svg
-    VERSION = '0.15.0.0'
+    VERSION = '0.16.0'
   end
 end

data/spec/prawn/svg/calculators/aspect_ratio_spec.rb

@@ -0,0 +1,95 @@
+require File.dirname(__FILE__) + '/../../../spec_helper'
+
+describe Prawn::Svg::Calculators::AspectRatio do
+  def test(*args)
+    aspect = Prawn::Svg::Calculators::AspectRatio.new(*args)
+    [[aspect.width, aspect.height], [aspect.x, aspect.y]]
+  end
+
+  it "handles none" do
+    expect(test "none", [50,80], [100,100]).to eq [[50, 80], [0, 0]]
+    expect(test "none", [100,100], [50,80]).to eq [[100, 100], [0, 0]]
+  end
+
+  context "using meet" do
+    context "with smaller containers than objects" do
+      let(:coords) { [[50,80], [100,100]] }
+
+      it "correctly calculates the result" do
+        expect(test "xMidYMid meet", *coords).to eq [[50, 50], [0, 15]]
+        expect(test "xMinYMin meet", *coords).to eq [[50, 50], [0, 0]]
+        expect(test "xMaxYMax meet", *coords).to eq [[50, 50], [0, 30]]
+      end
+    end
+
+    context "with bigger containers than objects" do
+      let(:coords) { [[100,80], [50,50]] }
+
+      it "correctly calculates the result" do
+        expect(test "xMidYMid meet", *coords).to eq [[80, 80], [10, 0]]
+        expect(test "xMinYMin meet", *coords).to eq [[80, 80], [0, 0]]
+        expect(test "xMaxYMax meet", *coords).to eq [[80, 80], [20, 0]]
+      end
+    end
+
+    context "with bigger square containers" do
+      let(:coords) { [[100,100], [50,80]] }
+
+      it "correctly calculates the result" do
+        expect(test "xMidYMid meet", *coords).to eq [[62.5, 100], [18.75, 0]]
+        expect(test "xMinYMin meet", *coords).to eq [[62.5, 100], [0, 0]]
+        expect(test "xMaxYMax meet", *coords).to eq [[62.5, 100], [37.5, 0]]
+      end
+    end
+
+    context "with oddly shaped containers" do
+      let(:coords) { [[100,20], [50,50]] }
+
+      it "correctly calculates the result" do
+        expect(test "xMidYMid meet", *coords).to eq [[20, 20], [40, 0]]
+        expect(test "xMinYMin meet", *coords).to eq [[20, 20], [0, 0]]
+        expect(test "xMaxYMax meet", *coords).to eq [[20, 20], [80, 0]]
+      end
+    end
+  end
+
+  context "using slice" do
+    context "with smaller containers than objects" do
+      let(:coords) { [[50,80], [100,100]] }
+
+      it "correctly calculates the result" do
+        expect(test "xMidYMid slice", *coords).to eq [[80, 80], [-15, 0]]
+        expect(test "xMinYMin slice", *coords).to eq [[80, 80], [0, 0]]
+        expect(test "xMaxYMax slice", *coords).to eq [[80, 80], [-30, 0]]
+      end
+    end
+
+    context "with bigger containers than objects" do
+      let(:coords) { [[100,80], [50,50]] }
+
+      it "correctly calculates the result" do
+        expect(test "xMidYMid slice", *coords).to eq [[100, 100], [0, -10]]
+        expect(test "xMinYMin slice", *coords).to eq [[100, 100], [0, 0]]
+        expect(test "xMaxYMax slice", *coords).to eq [[100, 100], [0, -20]]
+      end
+    end
+
+    context "with oddly shaped containers" do
+      let(:coords) { [[100,20], [50,50]] }
+
+      it "correctly calculates the result" do
+        expect(test "xMidYMid slice", *coords).to eq [[100, 100], [0, -40]]
+        expect(test "xMinYMin slice", *coords).to eq [[100, 100], [0, 0]]
+        expect(test "xMaxYMax slice", *coords).to eq [[100, 100], [0, -80]]
+      end
+    end
+  end
+
+  it "defaults to 'xMidYMid meet' if nothing is supplied" do
+    expect(test "", [50,80], [100,100]).to eq test "xMidYMid meet", [50,80], [100,100]
+  end
+
+  it "defaults to 'xMidYMid meet' if something invalid is supplied" do
+    expect(test "completely invalid", [50,80], [100,100]).to eq test "xMidYMid meet", [50,80], [100,100]
+  end
+end

data/spec/prawn/svg/calculators/document_sizing_spec.rb

@@ -0,0 +1,73 @@
+require File.dirname(__FILE__) + '/../../../spec_helper'
+
+describe Prawn::Svg::Calculators::DocumentSizing do
+  let(:attributes) do
+    {"width" => "150", "height" => "200", "viewBox" => "0 -30 300 800", "preserveAspectRatio" => "xMaxYMid meet"}
+  end
+
+  let(:bounds) { [1200, 800] }
+
+  let(:sizing) { Prawn::Svg::Calculators::DocumentSizing.new(bounds, attributes) }
+
+  describe "#initialize" do
+    it "takes bounds and a set of attributes and calls set_from_attributes" do
+      expect(sizing.instance_variable_get :@bounds).to eq bounds
+      expect(sizing.instance_variable_get :@document_width).to eq "150"
+    end
+  end
+
+  describe "#set_from_attributes" do
+    let(:sizing) { Prawn::Svg::Calculators::DocumentSizing.new(bounds) }
+
+    it "sets ivars from the passed-in attributes hash" do
+      sizing.set_from_attributes(attributes)
+      expect(sizing.instance_variable_get :@document_width).to eq "150"
+      expect(sizing.instance_variable_get :@document_height).to eq "200"
+      expect(sizing.instance_variable_get :@view_box).to eq "0 -30 300 800"
+      expect(sizing.instance_variable_get :@preserve_aspect_ratio).to eq "xMaxYMid meet"
+    end
+  end
+
+  describe "#calculate" do
+    it "calculates the document sizing measurements for a given set of inputs" do
+      sizing.calculate
+      expect(sizing.x_offset).to eq -75
+      expect(sizing.y_offset).to eq -30
+      expect(sizing.x_scale).to eq 0.25
+      expect(sizing.y_scale).to eq 0.25
+      expect(sizing.viewport_width).to eq 300
+      expect(sizing.viewport_height).to eq 800
+      expect(sizing.output_width).to eq 150
+      expect(sizing.output_height).to eq 200
+    end
+
+    it "scales again based on requested width" do
+      sizing.requested_width = 75
+      sizing.calculate
+      expect(sizing.x_scale).to eq 0.125
+      expect(sizing.y_scale).to eq 0.125
+      expect(sizing.viewport_width).to eq 300
+      expect(sizing.viewport_height).to eq 800
+      expect(sizing.output_width).to eq 75
+      expect(sizing.output_height).to eq 100
+    end
+
+    it "scales again based on requested height" do
+      sizing.requested_height = 100
+      sizing.calculate
+      expect(sizing.x_scale).to eq 0.125
+      expect(sizing.y_scale).to eq 0.125
+      expect(sizing.viewport_width).to eq 300
+      expect(sizing.viewport_height).to eq 800
+      expect(sizing.output_width).to eq 75
+      expect(sizing.output_height).to eq 100
+    end
+
+    it "correctly handles % values being passed in" do
+      sizing.document_width = sizing.document_height = "50%"
+      sizing.calculate
+      expect(sizing.output_width).to eq 600
+      expect(sizing.output_height).to eq 400
+    end
+  end
+end

data/spec/prawn/svg/document_spec.rb

@@ -14,13 +14,15 @@ describe Prawn::Svg::Document do
       @document.send(:points, "32pt").should == 32.0      
       @document.send(:points, "32in").should == 32.0 * 72
       @document.send(:points, "32ft").should == 32.0 * 72 * 12
+      @document.send(:points, "32pc").should == 32.0 * 15
       @document.send(:points, "32mm").should be_within(0.0001).of(32 * 72 * 0.0393700787)
       @document.send(:points, "32cm").should be_within(0.0001).of(32 * 72 * 0.393700787)
       @document.send(:points, "32m").should be_within(0.0001).of(32 * 72 * 39.3700787)
       
-      @document.send :instance_variable_set, "@actual_width", 600
-      @document.send :instance_variable_set, "@actual_height", 400
+      @document.sizing.send :instance_variable_set, "@viewport_width", 600
+      @document.sizing.send :instance_variable_set, "@viewport_height", 400
       @document.send(:points, "50%").should == 300
+      @document.send(:points, "50%", :x).should == 300
       @document.send(:points, "50%", :y).should == 200
     end
   end

data/spec/prawn/svg/element_spec.rb

@@ -2,7 +2,7 @@ require File.dirname(__FILE__) + '/../../spec_helper'
 
 describe Prawn::Svg::Element do
   before :each do
-    e = double(:attributes => {})
+    e = double(:attributes => {}, :name => "path")
 
     @document = Struct.new(:fallback_font_name, :css_parser, :warnings).new("Courier", nil, [])
     @element = Prawn::Svg::Element.new(@document, e, [], {})

data/spec/{lib/svg_spec.rb → prawn/svg/interface_spec.rb}

@@ -1,7 +1,7 @@
 require 'spec_helper'
 
 describe Prawn::Svg::Interface do
-  root = "#{File.dirname(__FILE__)}/../.."
+  root = "#{File.dirname(__FILE__)}/../../.."
 
   describe "sample file rendering" do
     files = Dir["#{root}/spec/sample_svg/*.svg"]
@@ -14,7 +14,12 @@ describe Prawn::Svg::Interface do
       it "renders the #{File.basename file} sample file without warnings or crashing" do
         warnings = nil
         Prawn::Document.generate("#{root}/spec/sample_output/#{File.basename file}.pdf") do |prawn|
-          r = prawn.svg IO.read(file), :at => [0, prawn.bounds.top], :width => prawn.bounds.width, :cache_images => true
+          r = prawn.svg IO.read(file), :at => [0, prawn.bounds.top], :width => prawn.bounds.width do |doc|
+            doc.url_loader.enable_web = false
+            doc.url_loader.url_cache["https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-wide.jpg"] = IO.read("#{root}/spec/sample_images/mushroom-wide.jpg")
+            doc.url_loader.url_cache["https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-long.jpg"] = IO.read("#{root}/spec/sample_images/mushroom-long.jpg")
+          end
+
           warnings = r[:warnings].reject {|w| w =~ /Verdana/ && w =~ /is not a known font/ }
         end
         warnings.should == []

data/spec/prawn/svg/url_loader_spec.rb

@@ -0,0 +1,46 @@
+require 'spec_helper'
+
+describe Prawn::Svg::UrlLoader do
+  let(:loader) { Prawn::Svg::UrlLoader.new(:enable_cache => true, :enable_web => true) }
+
+  describe "#initialize" do
+    it "sets options" do
+      expect(loader.enable_cache).to be true
+      expect(loader.enable_web).to be true
+    end
+  end
+
+  describe "#valid?" do
+    it "knows what a valid URL looks like" do
+      expect(loader.valid?("http://valid.example/url")).to be true
+      expect(loader.valid?("not/a/valid/url")).to be false
+    end
+
+    it "doesn't accept schemes it doesn't like" do
+      expect(loader.valid?("mail://valid.example/url")).to be false
+    end
+  end
+
+  describe "#load" do
+    let(:url) { "http://hello/there" }
+
+    it "loads an HTTP URL and saves to the cache" do
+      o = double(:read => "hello!")
+      loader.should_receive(:open).with(url).and_return(o)
+      
+      expect(loader.load(url)).to eq "hello!"
+      expect(loader.url_cache[url]).to eq "hello!"
+    end
+
+    it "loads an HTTP URL from the cache without calling open" do
+      loader.url_cache[url] = "hello"
+      loader.should_not_receive(:open)
+      expect(loader.load(url)).to eq "hello"
+    end
+
+    it "loads a data URL" do
+      loader.should_not_receive(:open)
+      expect(loader.load("data:image/png;base64,aGVsbG8=")).to eq "hello"
+    end
+  end
+end

data/spec/sample_svg/hidden_paths.svg

@@ -0,0 +1,6 @@
+<svg style="fill: none;">
+  <g class="x axis" transform="translate(0,227.9359)">
+    <path class="domain" d="M0,0V0H470V0" style="fill: none; stroke: none;"></path>
+    <path d="M 44.82625 0 L 44.82625 -3 L 94 -3 L 94 0" class="cantilever" style="stroke: black; fill: none;"></path>
+  </g>
+</svg>

data/spec/sample_svg/image01.svg

@@ -18,113 +18,113 @@
     <text y="25" font-size="12pt">wide image, aspect ratio meet</text>
 
     <rect y="50" width="100" height="100" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="50" width="100" height="100" preserveAspectRatio="xMidYMid" xlink:href="http://files.myopera.com/baby2u/albums/423302/smiley-cool.jpg"></image>
+    <image y="50" width="100" height="100" preserveAspectRatio="xMidYMid" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-wide.jpg"></image>
 
     <rect y="200" width="150" height="100" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="200" width="150" height="100" xlink:href="http://files.myopera.com/baby2u/albums/423302/smiley-cool.jpg"></image>
+    <image y="200" width="150" height="100" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-wide.jpg"></image>
 
     <rect y="350" width="100" height="150" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="350" width="100" height="150" xlink:href="http://files.myopera.com/baby2u/albums/423302/smiley-cool.jpg"></image>
+    <image y="350" width="100" height="150" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-wide.jpg"></image>
 
     <rect y="550" width="150" height="100" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="550" width="150" height="100" preserveAspectRatio="xMinYMin" xlink:href="http://files.myopera.com/baby2u/albums/423302/smiley-cool.jpg"></image>
+    <image y="550" width="150" height="100" preserveAspectRatio="xMinYMin" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-wide.jpg"></image>
 
     <rect y="700" width="100" height="150" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="700" width="100" height="150" preserveAspectRatio="xMinYMin" xlink:href="http://files.myopera.com/baby2u/albums/423302/smiley-cool.jpg"></image>
+    <image y="700" width="100" height="150" preserveAspectRatio="xMinYMin" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-wide.jpg"></image>
 
     <rect y="900" width="150" height="100" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="900" width="150" height="100" preserveAspectRatio="xMaxYMax" xlink:href="http://files.myopera.com/baby2u/albums/423302/smiley-cool.jpg"></image>
+    <image y="900" width="150" height="100" preserveAspectRatio="xMaxYMax" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-wide.jpg"></image>
 
     <rect y="1050" width="100" height="150" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="1050" width="100" height="150" preserveAspectRatio="xMaxYMax" xlink:href="http://files.myopera.com/baby2u/albums/423302/smiley-cool.jpg"></image>
+    <image y="1050" width="100" height="150" preserveAspectRatio="xMaxYMax" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-wide.jpg"></image>
   </g>
 
   <g transform="translate(250 0)">
     <text y="25" font-size="12pt">wide image, aspect ratio slice</text>
 
     <rect y="50" width="100" height="100" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="50" width="100" height="100" preserveAspectRatio="xMidYMid slice" xlink:href="http://files.myopera.com/baby2u/albums/423302/smiley-cool.jpg"></image>
+    <image y="50" width="100" height="100" preserveAspectRatio="xMidYMid slice" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-wide.jpg"></image>
 
     <rect y="200" width="150" height="100" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="200" width="150" height="100" preserveAspectRatio="xMidYMid slice" xlink:href="http://files.myopera.com/baby2u/albums/423302/smiley-cool.jpg"></image>
+    <image y="200" width="150" height="100" preserveAspectRatio="xMidYMid slice" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-wide.jpg"></image>
 
     <rect y="350" width="100" height="150" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="350" width="100" height="150" preserveAspectRatio="xMidYMid slice" xlink:href="http://files.myopera.com/baby2u/albums/423302/smiley-cool.jpg"></image>
+    <image y="350" width="100" height="150" preserveAspectRatio="xMidYMid slice" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-wide.jpg"></image>
 
     <rect y="550" width="150" height="100" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="550" width="150" height="100" preserveAspectRatio="xMinYMin slice" xlink:href="http://files.myopera.com/baby2u/albums/423302/smiley-cool.jpg"></image>
+    <image y="550" width="150" height="100" preserveAspectRatio="xMinYMin slice" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-wide.jpg"></image>
 
     <rect y="700" width="100" height="150" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="700" width="100" height="150" preserveAspectRatio="xMinYMin slice" xlink:href="http://files.myopera.com/baby2u/albums/423302/smiley-cool.jpg"></image>
+    <image y="700" width="100" height="150" preserveAspectRatio="xMinYMin slice" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-wide.jpg"></image>
 
     <rect y="900" width="150" height="100" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="900" width="150" height="100" preserveAspectRatio="xMaxYMax slice" xlink:href="http://files.myopera.com/baby2u/albums/423302/smiley-cool.jpg"></image>
+    <image y="900" width="150" height="100" preserveAspectRatio="xMaxYMax slice" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-wide.jpg"></image>
 
     <rect y="1050" width="100" height="150" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="1050" width="100" height="150" preserveAspectRatio="xMaxYMax slice" xlink:href="http://files.myopera.com/baby2u/albums/423302/smiley-cool.jpg"></image>
+    <image y="1050" width="100" height="150" preserveAspectRatio="xMaxYMax slice" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-wide.jpg"></image>
   </g>
 
   <g transform="translate(450 0)">
     <text y="25" font-size="12pt">long image, aspect ratio meet</text>
 
     <rect y="50" width="100" height="100" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="50" width="100" height="100" xlink:href="http://imalbum.aufeminin.com/album/D20090809/583007_KWWH1ZQ8FU5ATJXSR84C5MRBUWW33L_989174388_H143954_L.jpg"></image>
+    <image y="50" width="100" height="100" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-long.jpg"></image>
 
     <rect y="200" width="150" height="100" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="200" width="150" height="100" xlink:href="http://imalbum.aufeminin.com/album/D20090809/583007_KWWH1ZQ8FU5ATJXSR84C5MRBUWW33L_989174388_H143954_L.jpg"></image>
+    <image y="200" width="150" height="100" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-long.jpg"></image>
 
     <rect y="350" width="100" height="200" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="350" width="100" height="200" xlink:href="http://imalbum.aufeminin.com/album/D20090809/583007_KWWH1ZQ8FU5ATJXSR84C5MRBUWW33L_989174388_H143954_L.jpg"></image>
+    <image y="350" width="100" height="200" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-long.jpg"></image>
 
     <rect y="550" width="150" height="100" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="550" width="150" height="100" preserveAspectRatio="xMinYMin" xlink:href="http://imalbum.aufeminin.com/album/D20090809/583007_KWWH1ZQ8FU5ATJXSR84C5MRBUWW33L_989174388_H143954_L.jpg"></image>
+    <image y="550" width="150" height="100" preserveAspectRatio="xMinYMin" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-long.jpg"></image>
 
     <rect y="700" width="100" height="200" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="700" width="100" height="200" preserveAspectRatio="xMinYMin" xlink:href="http://imalbum.aufeminin.com/album/D20090809/583007_KWWH1ZQ8FU5ATJXSR84C5MRBUWW33L_989174388_H143954_L.jpg"></image>
+    <image y="700" width="100" height="200" preserveAspectRatio="xMinYMin" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-long.jpg"></image>
 
     <rect y="900" width="150" height="100" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="900" width="150" height="100" preserveAspectRatio="xMaxYMax" xlink:href="http://imalbum.aufeminin.com/album/D20090809/583007_KWWH1ZQ8FU5ATJXSR84C5MRBUWW33L_989174388_H143954_L.jpg"></image>
+    <image y="900" width="150" height="100" preserveAspectRatio="xMaxYMax" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-long.jpg"></image>
 
     <rect y="1050" width="100" height="200" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="1050" width="100" height="200" preserveAspectRatio="xMaxYMax" xlink:href="http://imalbum.aufeminin.com/album/D20090809/583007_KWWH1ZQ8FU5ATJXSR84C5MRBUWW33L_989174388_H143954_L.jpg"></image>
+    <image y="1050" width="100" height="200" preserveAspectRatio="xMaxYMax" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-long.jpg"></image>
   </g>
 
   <g transform="translate(650 0)">
     <text y="25" font-size="12pt">long image, aspect ratio slice</text>
 
     <rect y="50" width="100" height="100" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="50" width="100" height="100" preserveAspectRatio="xMidYMid slice" xlink:href="http://imalbum.aufeminin.com/album/D20090809/583007_KWWH1ZQ8FU5ATJXSR84C5MRBUWW33L_989174388_H143954_L.jpg"></image>
+    <image y="50" width="100" height="100" preserveAspectRatio="xMidYMid slice" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-long.jpg"></image>
 
     <rect y="200" width="150" height="100" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="200" width="150" height="100" preserveAspectRatio="xMidYMid slice" xlink:href="http://imalbum.aufeminin.com/album/D20090809/583007_KWWH1ZQ8FU5ATJXSR84C5MRBUWW33L_989174388_H143954_L.jpg"></image>
+    <image y="200" width="150" height="100" preserveAspectRatio="xMidYMid slice" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-long.jpg"></image>
 
     <rect y="350" width="100" height="200" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="350" width="100" height="200" preserveAspectRatio="xMidYMid slice" xlink:href="http://imalbum.aufeminin.com/album/D20090809/583007_KWWH1ZQ8FU5ATJXSR84C5MRBUWW33L_989174388_H143954_L.jpg"></image>
+    <image y="350" width="100" height="200" preserveAspectRatio="xMidYMid slice" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-long.jpg"></image>
 
     <rect y="550" width="150" height="100" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="550" width="150" height="100" preserveAspectRatio="xMinYMin slice" xlink:href="http://imalbum.aufeminin.com/album/D20090809/583007_KWWH1ZQ8FU5ATJXSR84C5MRBUWW33L_989174388_H143954_L.jpg"></image>
+    <image y="550" width="150" height="100" preserveAspectRatio="xMinYMin slice" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-long.jpg"></image>
 
     <rect y="700" width="100" height="200" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="700" width="100" height="200" preserveAspectRatio="xMinYMin slice" xlink:href="http://imalbum.aufeminin.com/album/D20090809/583007_KWWH1ZQ8FU5ATJXSR84C5MRBUWW33L_989174388_H143954_L.jpg"></image>
+    <image y="700" width="100" height="200" preserveAspectRatio="xMinYMin slice" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-long.jpg"></image>
 
     <rect y="900" width="150" height="100" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="900" width="150" height="100" preserveAspectRatio="xMaxYMax slice" xlink:href="http://imalbum.aufeminin.com/album/D20090809/583007_KWWH1ZQ8FU5ATJXSR84C5MRBUWW33L_989174388_H143954_L.jpg"></image>
+    <image y="900" width="150" height="100" preserveAspectRatio="xMaxYMax slice" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-long.jpg"></image>
 
     <rect y="1050" width="100" height="200" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="1050" width="100" height="200" preserveAspectRatio="xMaxYMax slice" xlink:href="http://imalbum.aufeminin.com/album/D20090809/583007_KWWH1ZQ8FU5ATJXSR84C5MRBUWW33L_989174388_H143954_L.jpg"></image>
+    <image y="1050" width="100" height="200" preserveAspectRatio="xMaxYMax slice" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-long.jpg"></image>
   </g>
 
   <g transform="translate(850 0)">
     <text y="25" font-size="12pt">aspect ratio preservation disabled</text>
 
     <rect y="50" width="100" height="100" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="50" width="100" height="100" preserveAspectRatio="none" xlink:href="http://imalbum.aufeminin.com/album/D20090809/583007_KWWH1ZQ8FU5ATJXSR84C5MRBUWW33L_989174388_H143954_L.jpg"></image>
+    <image y="50" width="100" height="100" preserveAspectRatio="none" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-long.jpg"></image>
 
     <rect y="200" width="150" height="100" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="200" width="150" height="100" preserveAspectRatio="none" xlink:href="http://imalbum.aufeminin.com/album/D20090809/583007_KWWH1ZQ8FU5ATJXSR84C5MRBUWW33L_989174388_H143954_L.jpg"></image>
+    <image y="200" width="150" height="100" preserveAspectRatio="none" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-long.jpg"></image>
 
     <rect y="350" width="100" height="200" fill="none" stroke="blue" stroke-width="2"/>
-    <image y="350" width="100" height="200" preserveAspectRatio="none" xlink:href="http://imalbum.aufeminin.com/album/D20090809/583007_KWWH1ZQ8FU5ATJXSR84C5MRBUWW33L_989174388_H143954_L.jpg"></image>
+    <image y="350" width="100" height="200" preserveAspectRatio="none" xlink:href="https://raw.githubusercontent.com/mogest/prawn-svg/master/spec/sample_images/mushroom-long.jpg"></image>
   </g>
 
 </svg>