prawn-svg 0.24.0 → 0.25.0

data/spec/prawn/svg/elements/gradient_spec.rb

@@ -2,7 +2,7 @@ require 'spec_helper'
 
 describe Prawn::SVG::Elements::Gradient do
   let(:document) { Prawn::SVG::Document.new(svg, [800, 600], {width: 800, height: 600}) }
-  let(:element)  { Prawn::SVG::Elements::Gradient.new(document, document.root, [], Prawn::SVG::State.new) }
+  let(:element)  { Prawn::SVG::Elements::Gradient.new(document, document.root, [], fake_state) }
 
   before do
     allow(element).to receive(:assert_compatible_prawn_version)

data/spec/prawn/svg/elements/line_spec.rb

@@ -4,7 +4,7 @@ RSpec.describe Prawn::SVG::Elements::Line do
   let(:document) { Prawn::SVG::Document.new(svg, [800, 600], {width: 800, height: 600}) }
 
   subject do
-    Prawn::SVG::Elements::Line.new(document, document.root, [], Prawn::SVG::State.new)
+    Prawn::SVG::Elements::Line.new(document, document.root, [], fake_state)
   end
 
   context "with attributes specified" do

data/spec/prawn/svg/elements/marker_spec.rb

@@ -28,6 +28,10 @@ RSpec.describe Prawn::SVG::Elements::Marker do
     Prawn::SVG::Elements::Marker.new(document, document.root.elements[1], [], state)
   end
 
+  before do
+    state.viewport_sizing = document.sizing
+  end
+
   describe "#parse" do
     it "forces display none" do
       subject.parse

data/spec/prawn/svg/elements/text_spec.rb

@@ -2,7 +2,7 @@ require File.dirname(__FILE__) + '/../../../spec_helper'
 
 describe Prawn::SVG::Elements::Text do
   let(:document) { Prawn::SVG::Document.new(svg, [800, 600], {}, font_registry: Prawn::SVG::FontRegistry.new("Helvetica" => {:normal => nil}, "Courier" => {normal: nil}, 'Times-Roman' => {normal: nil})) }
-  let(:element)  { Prawn::SVG::Elements::Text.new(document, document.root, [], Prawn::SVG::State.new) }
+  let(:element)  { Prawn::SVG::Elements::Text.new(document, document.root, [], fake_state) }
 
   describe "xml:space preserve" do
     let(:svg) { %(<text#{attributes}>some\n\t  text</text>) }
@@ -13,9 +13,7 @@ describe Prawn::SVG::Elements::Text do
       it "converts newlines and tabs to spaces, and preserves spaces" do
         element.process
 
-        expect(element.calls).to eq [
-          ["draw_text", ["some    text", {:size=>16, :style=>:normal, :text_anchor=>'start', :at=>[0.0, 150.0]}], []]
-        ]
+        expect(flatten_calls(element.calls)).to include ["draw_text", ["some    text", {:size=>16, :style=>:normal, :text_anchor=>'start', :at=>[:relative, :relative], :offset=>[0,0]}]]
       end
     end
 
@@ -25,20 +23,49 @@ describe Prawn::SVG::Elements::Text do
       it "strips space" do
         element.process
 
-        expect(element.calls).to eq [
-          ["draw_text", ["some text", {:size=>16, :style=>:normal, :text_anchor=>'start', :at=>[0.0, 150.0]}], []]
-        ]
+        expect(flatten_calls(element.calls)).to include ["draw_text", ["some text", {:size=>16, :style=>:normal, :text_anchor=>'start', :at=>[:relative, :relative], :offset=>[0,0]}]]
       end
     end
   end
 
+  describe "conventional whitespace handling" do
+    let(:svg) do
+      <<-SVG
+<text>
+  <tspan>
+  </tspan>
+  Some text here
+  <tspan>More text</tspan>
+Even more
+<tspan></tspan>
+<tspan>
+  leading goodness
+  </tspan>
+  ok
+      <tspan>
+      </tspan>
+</text>
+      SVG
+    end
+
+    it "correctly apportions white space between the tags" do
+      element.process
+      calls = element.calls.flatten
+      expect(calls).to include "Some text here "
+      expect(calls).to include "More text"
+      expect(calls).to include "Even more"
+      expect(calls).to include " leading goodness "
+      expect(calls).to include "ok"
+    end
+  end
+
   describe "when text-anchor is specified" do
     let(:svg) { '<g text-anchor="middle" font-size="12"><text x="50" y="14">Text</text></g>' }
-    let(:element) { Prawn::SVG::Elements::Container.new(document, document.root, [], Prawn::SVG::State.new) }
+    let(:element) { Prawn::SVG::Elements::Container.new(document, document.root, [], fake_state) }
 
     it "should inherit text-anchor from parent element" do
       element.process
-      expect(element.calls.flatten).to include(:size => 12.0, :style => :normal, :text_anchor => "middle", :at => [50.0, 136.0])
+      expect(element.calls.flatten).to include(:size => 12.0, :style => :normal, :text_anchor => "middle", :at => [50.0, 136.0], :offset => [0,0])
     end
   end
 
@@ -49,11 +76,11 @@ describe Prawn::SVG::Elements::Text do
       element.process
 
       expect(element.base_calls).to eq [
-        ["fill", [], [
-          ["font", ["Helvetica", {style: :normal}], []],
-          ["text_group", [], [
+        ["text_group", [], [
+          ["fill", [], [
+            ["font", ["Helvetica", {style: :normal}], []],
             ["character_spacing", [5.0], [
-              ["draw_text", ["spaced", {:size=>16, :style=>:normal, :text_anchor=>'start', :at=>[0.0, 150.0]}], []]
+              ["draw_text", ["spaced", {:size=>16, :style=>:normal, :text_anchor=>'start', :at=>[:relative, :relative], :offset=>[0,0]}], []]
             ]]
           ]]
         ]]
@@ -67,7 +94,7 @@ describe Prawn::SVG::Elements::Text do
 
       it "finds the font and uses it" do
         element.process
-        expect(element.base_calls[0][2][0]).to eq ['font', ['Courier', {style: :normal}], []]
+        expect(flatten_calls(element.base_calls)).to include ['font', ['Courier', {style: :normal}]]
       end
     end
 
@@ -76,7 +103,7 @@ describe Prawn::SVG::Elements::Text do
 
       it "uses the fallback font" do
         element.process
-        expect(element.base_calls[0][2][0]).to eq ['font', ['Times-Roman', {style: :normal}], []]
+        expect(flatten_calls(element.base_calls)).to include ['font', ['Times-Roman', {style: :normal}]]
       end
 
       context "when there is no fallback font" do
@@ -90,4 +117,66 @@ describe Prawn::SVG::Elements::Text do
       end
     end
   end
+
+  describe "<tref>" do
+    let(:svg) { '<svg xmlns:xlink="http://www.w3.org/1999/xlink"><defs><text id="ref" fill="green">my reference text</text></defs><text x="10"><tref xlink:href="#ref" fill="red" /></text></svg>' }
+    let(:element) { Prawn::SVG::Elements::Root.new(document, document.root, [], fake_state) }
+
+    it "references the text" do
+      element.process
+      expect(flatten_calls(element.base_calls)[11..15]).to eq [
+        ["fill_color", ["ff0000"]],
+        ["fill", []],
+        ["font", ["Helvetica", {:style=>:normal}]],
+        ["character_spacing", [0]],
+        ["draw_text", ["my reference text", {:size=>16, :style=>:normal, :text_anchor=>"start", :at=>[10.0, :relative], :offset=>[0,0]}]],
+      ]
+    end
+  end
+
+  describe "dx and dy attributes" do
+    let(:svg) { '<text x="10 20" dx="30 50 80" dy="2">Hi there, this is a good test</text>' }
+
+    it "correctly calculates the positinos of the text" do
+      element.process
+
+      expect(flatten_calls(element.base_calls)).to eq [
+        ["text_group", []],
+        ["fill", []],
+        ["font", ["Helvetica", {:style=>:normal}]],
+        ["character_spacing", [0]],
+        ["draw_text", ["H", {:size=>16, :style=>:normal, :text_anchor=>"start", :at=>[10.0, :relative], :offset=>[30.0, 2.0]}]],
+        ["draw_text", ["i", {:size=>16, :style=>:normal, :text_anchor=>"start", :at=>[20.0, :relative], :offset=>[50.0, 0]}]],
+        ["draw_text", [" there, this is a good test", {:size=>16, :style=>:normal, :text_anchor=>"start", :at=>[:relative, :relative], :offset=>[80.0, 0]}]]
+      ]
+    end
+  end
+
+  describe "rotate attribute" do
+    let(:svg) { '<text rotate="10 20 30 40 50 60 70 80 90 100">Hi <tspan rotate="0">this</tspan> ok!</text>' }
+
+    it "correctly calculates the positinos of the text" do
+      element.process
+
+      expect(flatten_calls(element.base_calls)).to eq [
+        ["text_group", []],
+        ["fill", []],
+        ["font", ["Helvetica", {:style=>:normal}]],
+        ["character_spacing", [0]],
+        ["draw_text", ["H", {:size=>16, :style=>:normal, :text_anchor=>"start", :at=>[:relative, :relative], :offset=>[0, 0], :rotate=>-10.0}]],
+        ["draw_text", ["i", {:size=>16, :style=>:normal, :text_anchor=>"start", :at=>[:relative, :relative], :offset=>[0, 0], :rotate=>-20.0}]],
+        ["draw_text", [" ", {:size=>16, :style=>:normal, :text_anchor=>"start", :at=>[:relative, :relative], :offset=>[0, 0], :rotate=>-30.0}]],
+        ["save", []],
+        ["fill", []],
+        ["font", ["Helvetica", {:style=>:normal}]],
+        ["character_spacing", [0]],
+        ["draw_text", ["this", {:size=>16, :style=>:normal, :text_anchor=>"start", :at=>[:relative, :relative], :offset=>[0, 0]}]],
+        ["restore", []],
+        ["draw_text", [" ", {:size=>16, :style=>:normal, :text_anchor=>"start", :at=>[:relative, :relative], :offset=>[0, 0], :rotate=>-80.0}]],
+        ["draw_text", ["o", {:size=>16, :style=>:normal, :text_anchor=>"start", :at=>[:relative, :relative], :offset=>[0, 0], :rotate=>-90.0}]],
+        ["draw_text", ["k", {:size=>16, :style=>:normal, :text_anchor=>"start", :at=>[:relative, :relative], :offset=>[0, 0], :rotate=>-100.0}]],
+        ["draw_text", ["!", {:size=>16, :style=>:normal, :text_anchor=>"start", :at=>[:relative, :relative], :offset=>[0, 0], :rotate=>-100.0}]]
+      ]
+    end
+  end
 end

data/spec/sample_svg/markers_degenerate_cp.svg

@@ -0,0 +1,19 @@
+<svg width="240" height="240" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <marker id="Triangle"
+      refX="0" refY="12" markerUnits="userSpaceOnUse"
+      markerWidth="24" markerHeight="24" orient="auto">
+      <path d="M 0 0 L 24 12 L 0 24 z" />
+    </marker>
+  </defs>
+
+  <!-- CP vectors are zero.  Orientation should still work. -->
+
+  <path d="M 50,125 C 50,125, 100,25, 100,25" stroke-width="10" stroke="red"
+  marker-start="url(#Triangle)"
+    marker-end="url(#Triangle)" />
+
+  <path d="M 150,125 C 200,25, 200,25, 200,25" stroke-width="10" stroke="red"
+  marker-start="url(#Triangle)"
+    marker-end="url(#Triangle)" />
+</svg>

data/spec/sample_svg/offset_viewport.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="1440px" height="750px" version="1.1"
+     viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <rect x="0" y="0" width="100" height="100"
+        fill="yellow" stroke="blue" stroke-width="12" />
+</svg>
+

data/spec/sample_svg/subviewports.svg

@@ -0,0 +1,173 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="450px" height="300px" version="1.1"
+     xmlns="http://www.w3.org/2000/svg">
+  <desc>Example PreserveAspectRatio - illustrates preserveAspectRatio attribute</desc>
+  <rect x="1" y="1" width="448" height="298"
+        fill="none" stroke="blue"/>
+  <g font-size="9">
+    <text x="10" y="30">SVG to fit</text>
+    <g transform="translate(20,40)">
+<rect x='.5' y='.5' width='29' height='39' fill='black' stroke='red'/>
+<g transform='translate(0, 5)'>
+<circle cx='15' cy='15' r='10' fill='yellow'/>
+<circle cx='12' cy='12' r='1.5' fill='black'/>
+<circle cx='17' cy='12' r='1.5' fill='black'/>
+<path d='M 10 19 A 8 8 0 0 0 20 19' stroke='black' stroke-width='2'/>
+</g>
+	</g>
+    <text x="10" y="110">Viewport 1</text>
+    <g transform="translate(10,120)"><rect x='.5' y='.5' width='49' height='29' fill='none' stroke='blue'/></g>
+    <text x="10" y="180">Viewport 2</text>
+    <g transform="translate(20,190)"><rect x='.5' y='.5' width='29' height='59' fill='none' stroke='blue'/></g>
+
+    <g id="meet-group-1" transform="translate(100, 60)">
+      <text x="0" y="-30">--------------- meet ---------------</text>
+      <g><text y="-10">xMin*</text><rect x='.5' y='.5' width='49' height='29' fill='none' stroke='blue'/>
+        <svg preserveAspectRatio="xMinYMin meet" viewBox="0 0 30 40"
+             width="50" height="30">
+<rect x='.5' y='.5' width='29' height='39' fill='black' stroke='red'/>
+<g transform='translate(0, 5)'>
+<circle cx='15' cy='15' r='10' fill='yellow'/>
+<circle cx='12' cy='12' r='1.5' fill='black'/>
+<circle cx='17' cy='12' r='1.5' fill='black'/>
+<path d='M 10 19 A 8 8 0 0 0 20 19' stroke='black' stroke-width='2'/>
+</g>
+			 </svg></g>
+      <g transform="translate(70,0)"><text y="-10">xMid*</text><rect x='.5' y='.5' width='49' height='29' fill='none' stroke='blue'/>
+        <svg preserveAspectRatio="xMidYMid meet" viewBox="0 0 30 40"
+             width="50" height="30">
+<rect x='.5' y='.5' width='29' height='39' fill='black' stroke='red'/>
+<g transform='translate(0, 5)'>
+<circle cx='15' cy='15' r='10' fill='yellow'/>
+<circle cx='12' cy='12' r='1.5' fill='black'/>
+<circle cx='17' cy='12' r='1.5' fill='black'/>
+<path d='M 10 19 A 8 8 0 0 0 20 19' stroke='black' stroke-width='2'/>
+</g>
+			 </svg></g>
+      <g transform="translate(0,70)"><text y="-10">xMax*</text><rect x='.5' y='.5' width='49' height='29' fill='none' stroke='blue'/>
+        <svg preserveAspectRatio="xMaxYMax meet" viewBox="0 0 30 40"
+             width="50" height="30">
+<rect x='.5' y='.5' width='29' height='39' fill='black' stroke='red'/>
+<g transform='translate(0, 5)'>
+<circle cx='15' cy='15' r='10' fill='yellow'/>
+<circle cx='12' cy='12' r='1.5' fill='black'/>
+<circle cx='17' cy='12' r='1.5' fill='black'/>
+<path d='M 10 19 A 8 8 0 0 0 20 19' stroke='black' stroke-width='2'/>
+</g>
+			 </svg></g>
+    </g>
+
+    <g id="meet-group-2" transform="translate(250, 60)">
+      <text x="0" y="-30">---------- meet ----------</text>
+      <g><text y="-10">*YMin</text><rect x='.5' y='.5' width='29' height='59' fill='none' stroke='blue'/>
+        <svg preserveAspectRatio="xMinYMin meet" viewBox="0 0 30 40"
+             width="30" height="60">
+<rect x='.5' y='.5' width='29' height='39' fill='black' stroke='red'/>
+<g transform='translate(0, 5)'>
+<circle cx='15' cy='15' r='10' fill='yellow'/>
+<circle cx='12' cy='12' r='1.5' fill='black'/>
+<circle cx='17' cy='12' r='1.5' fill='black'/>
+<path d='M 10 19 A 8 8 0 0 0 20 19' stroke='black' stroke-width='2'/>
+</g>
+			 </svg></g>
+      <g transform="translate(50, 0)"><text y="-10">*YMid</text><rect x='.5' y='.5' width='29' height='59' fill='none' stroke='blue'/>
+        <svg preserveAspectRatio="xMidYMid meet" viewBox="0 0 30 40"
+             width="30" height="60">
+<rect x='.5' y='.5' width='29' height='39' fill='black' stroke='red'/>
+<g transform='translate(0, 5)'>
+<circle cx='15' cy='15' r='10' fill='yellow'/>
+<circle cx='12' cy='12' r='1.5' fill='black'/>
+<circle cx='17' cy='12' r='1.5' fill='black'/>
+<path d='M 10 19 A 8 8 0 0 0 20 19' stroke='black' stroke-width='2'/>
+</g>
+			 </svg></g>
+      <g transform="translate(100, 0)"><text y="-10">*YMax</text><rect x='.5' y='.5' width='29' height='59' fill='none' stroke='blue'/>
+        <svg preserveAspectRatio="xMaxYMax meet" viewBox="0 0 30 40"
+             width="30" height="60">
+<rect x='.5' y='.5' width='29' height='39' fill='black' stroke='red'/>
+<g transform='translate(0, 5)'>
+<circle cx='15' cy='15' r='10' fill='yellow'/>
+<circle cx='12' cy='12' r='1.5' fill='black'/>
+<circle cx='17' cy='12' r='1.5' fill='black'/>
+<path d='M 10 19 A 8 8 0 0 0 20 19' stroke='black' stroke-width='2'/>
+</g>
+			 </svg></g>
+    </g>
+
+    <g id="slice-group-1" transform="translate(100, 220)">
+      <text x="0" y="-30">---------- slice ----------</text>
+      <g><text y="-10">xMin*</text><rect x='.5' y='.5' width='29' height='59' fill='none' stroke='blue'/>
+        <svg preserveAspectRatio="xMinYMin slice" viewBox="0 0 30 40"
+             width="30" height="60">
+<rect x='.5' y='.5' width='29' height='39' fill='black' stroke='red'/>
+<g transform='translate(0, 5)'>
+<circle cx='15' cy='15' r='10' fill='yellow'/>
+<circle cx='12' cy='12' r='1.5' fill='black'/>
+<circle cx='17' cy='12' r='1.5' fill='black'/>
+<path d='M 10 19 A 8 8 0 0 0 20 19' stroke='black' stroke-width='2'/>
+</g>
+			 </svg></g>
+      <g transform="translate(50,0)"><text y="-10">xMid*</text><rect x='.5' y='.5' width='29' height='59' fill='none' stroke='blue'/>
+        <svg preserveAspectRatio="xMidYMid slice" viewBox="0 0 30 40"
+             width="30" height="60">
+<rect x='.5' y='.5' width='29' height='39' fill='black' stroke='red'/>
+<g transform='translate(0, 5)'>
+<circle cx='15' cy='15' r='10' fill='yellow'/>
+<circle cx='12' cy='12' r='1.5' fill='black'/>
+<circle cx='17' cy='12' r='1.5' fill='black'/>
+<path d='M 10 19 A 8 8 0 0 0 20 19' stroke='black' stroke-width='2'/>
+</g>
+			 </svg></g>
+      <g transform="translate(100,0)"><text y="-10">xMax*</text><rect x='.5' y='.5' width='29' height='59' fill='none' stroke='blue'/>
+        <svg preserveAspectRatio="xMaxYMax slice" viewBox="0 0 30 40"
+             width="30" height="60">
+<rect x='.5' y='.5' width='29' height='39' fill='black' stroke='red'/>
+<g transform='translate(0, 5)'>
+<circle cx='15' cy='15' r='10' fill='yellow'/>
+<circle cx='12' cy='12' r='1.5' fill='black'/>
+<circle cx='17' cy='12' r='1.5' fill='black'/>
+<path d='M 10 19 A 8 8 0 0 0 20 19' stroke='black' stroke-width='2'/>
+</g>
+			 </svg></g>
+    </g>
+
+    <g id="slice-group-2" transform="translate(250, 220)">
+      <text x="0" y="-30">--------------- slice ---------------</text>
+      <g><text y="-10">*YMin</text><rect x='.5' y='.5' width='49' height='29' fill='none' stroke='blue'/>
+        <svg preserveAspectRatio="xMinYMin slice" viewBox="0 0 30 40"
+             width="50" height="30">
+<rect x='.5' y='.5' width='29' height='39' fill='black' stroke='red'/>
+<g transform='translate(0, 5)'>
+<circle cx='15' cy='15' r='10' fill='yellow'/>
+<circle cx='12' cy='12' r='1.5' fill='black'/>
+<circle cx='17' cy='12' r='1.5' fill='black'/>
+<path d='M 10 19 A 8 8 0 0 0 20 19' stroke='black' stroke-width='2'/>
+</g>
+			 </svg></g>
+      <g transform="translate(70,0)"><text y="-10">*YMid</text><rect x='.5' y='.5' width='49' height='29' fill='none' stroke='blue'/>
+        <svg preserveAspectRatio="xMidYMid slice" viewBox="0 0 30 40"
+             width="50" height="30">
+<rect x='.5' y='.5' width='29' height='39' fill='black' stroke='red'/>
+<g transform='translate(0, 5)'>
+<circle cx='15' cy='15' r='10' fill='yellow'/>
+<circle cx='12' cy='12' r='1.5' fill='black'/>
+<circle cx='17' cy='12' r='1.5' fill='black'/>
+<path d='M 10 19 A 8 8 0 0 0 20 19' stroke='black' stroke-width='2'/>
+</g>
+			 </svg></g>
+      <g transform="translate(140,0)"><text y="-10">*YMax</text><rect x='.5' y='.5' width='49' height='29' fill='none' stroke='blue'/>
+        <svg preserveAspectRatio="xMaxYMax slice" viewBox="0 0 30 40"
+             width="50" height="30">
+<rect x='.5' y='.5' width='29' height='39' fill='black' stroke='red'/>
+<g transform='translate(0, 5)'>
+<circle cx='15' cy='15' r='10' fill='yellow'/>
+<circle cx='12' cy='12' r='1.5' fill='black'/>
+<circle cx='17' cy='12' r='1.5' fill='black'/>
+<path d='M 10 19 A 8 8 0 0 0 20 19' stroke='black' stroke-width='2'/>
+</g>
+			 </svg></g>
+    </g>   
+  </g>
+</svg>

data/spec/sample_svg/subviewports2.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="450px" height="300px" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <g transform="translate(100, 100)">
+    <rect x='.5' y='.5' width='199' height='149' fill='none' stroke='blue' />
+    <svg width="200" height="150" viewBox="0 0 100 100">
+      <rect x=".5" y=".5" width="99" height="99" fill='none' stroke='green' />
+
+      <rect x="25.5" y="25.5" width="49" height="49" fill='none' stroke='blue' />
+      <svg x="25%" y="25%" width="50%" height="50%" viewBox="0 0 100 100">
+        <rect x="5" y="5" width="90" height="90" fill='green' />
+      </svg>
+    </svg>
+  </g>
+</svg>

data/spec/sample_svg/tref01.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="10cm" height="3cm" viewBox="0 0 1000 300" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <text id="ReferencedText" fill="orange">
+      Referenced character data
+    </text>
+  </defs>
+  <desc>Example tref01 - inline vs reference text content</desc>
+
+  <text x="100" y="100" font-size="45" fill="blue" >
+    Inline character data
+  </text>
+  <text x="100" y="200" font-size="45" fill="red" >
+    <tref xlink:href="#ReferencedText" font-size="70" />
+  </text>
+
+  <!-- Show outline of canvas using 'rect' element -->
+  <rect x="1" y="1" width="998" height="298"
+        fill="none" stroke="blue" stroke-width="2" />
+</svg>

data/spec/sample_svg/tspan05.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" viewBox="0 0 500 120"
+  xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <desc>
+    Example tspan05 - propagation of rotation values to nested tspan elements.
+  </desc>
+  <text id="parent" font-family="Arial, sans-serif" font-size="32" fill="red" x="40" y="40"
+    rotate="5,15,25,35,45,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,0,0,0,0,0,0,-30">
+    <tspan>   </tspan>
+    Not
+
+    <tspan id="child1" rotate="-10,-20,-30,-40" fill="orange">
+      all characters
+
+      <tspan id="child2" rotate="0" fill="yellow">
+        in<tspan></tspan><tspan id="child3">the
+        </tspan>
+      </tspan>
+
+      <tspan id="child4" fill="orange" x="40" y="90">
+        text
+      </tspan>
+
+      have a
+    </tspan>
+
+    <tspan id="child5" rotate="-10" fill="blue">
+      specified
+    </tspan>
+
+    rotation
+    <tspan> </tspan>
+  </text>
+
+  <!-- Show outline of canvas using 'rect' element -->
+  <rect x="1" y="1" width="498" height="118" fill="none"
+        stroke="blue" stroke-width="2" />
+</svg>