prawn-svg 0.15.0.0 → 0.19.0

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

@@ -1,27 +1,31 @@
 require File.dirname(__FILE__) + '/../../spec_helper'
 
 describe Prawn::Svg::Document do  
-  before(:each) do
-    @document = Prawn::Svg::Document.new("<svg></svg>", [100, 100], {})
+  before do
+    sizing = instance_double(Prawn::Svg::Calculators::DocumentSizing, viewport_width: 600, viewport_height: 400, viewport_diagonal: 500, :requested_width= => nil, :requested_height= => nil)
+    expect(sizing).to receive(:calculate)
+    expect(Prawn::Svg::Calculators::DocumentSizing).to receive(:new).and_return(sizing)
   end
 
+  let(:document) { Prawn::Svg::Document.new("<svg></svg>", [100, 100], {}) }
+
   describe :points do    
     it "converts a variety of measurement units to points" do
-      @document.send(:points, 32).should == 32.0      
-      @document.send(:points, 32.0).should == 32.0      
-      @document.send(:points, "32").should == 32.0
-      @document.send(:points, "32unknown").should == 32.0
-      @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, "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.send(:points, "50%").should == 300
-      @document.send(:points, "50%", :y).should == 200
+      document.send(:points, 32).should == 32.0      
+      document.send(:points, 32.0).should == 32.0      
+      document.send(:points, "32").should == 32.0
+      document.send(:points, "32unknown").should == 32.0
+      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(:points, "50%").should == 250
+      document.send(:points, "50%", :x).should == 300
+      document.send(:points, "50%", :y).should == 200
     end
   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/prawn/svg/interface_spec.rb

@@ -0,0 +1,59 @@
+require 'spec_helper'
+
+describe Prawn::Svg::Interface do
+  let(:bounds) { double(width: 800, height: 600) }
+  let(:prawn)  { instance_double(Prawn::Document, font_families: {}, bounds: bounds, cursor: 600) }
+  let(:svg)    { '<svg width="250" height="100"></svg>' }
+
+  describe "#initialize" do
+    describe "invalid option detection" do
+      it "rejects invalid options when debug is on" do
+        allow(Prawn).to receive(:debug).and_return(true)
+
+        expect {
+          Prawn::Svg::Interface.new(svg, prawn, :invalid => "option")
+        }.to raise_error(Prawn::Errors::UnknownOption)
+      end
+
+      it "does nothing if an invalid option is given and debug is off" do
+        Prawn::Svg::Interface.new(svg, prawn, :invalid => "option")
+      end
+    end
+  end
+
+  describe "#position" do
+    context "when options[:at] supplied" do
+      it "returns options[:at]" do
+        interface = Prawn::Svg::Interface.new(svg, prawn, at: [1, 2], position: :left)
+
+        expect(interface.position).to eq [1, 2]
+      end
+    end
+
+    context "when only a position is supplied" do
+      let(:interface) { Prawn::Svg::Interface.new(svg, prawn, position: position) }
+
+      subject { interface.position }
+
+      context "(:left)" do
+        let(:position) { :left }
+        it { is_expected.to eq [0, 600] }
+      end
+
+      context "(:center)" do
+        let(:position) { :center }
+        it { is_expected.to eq [275, 600] }
+      end
+
+      context "(:right)" do
+        let(:position) { :right }
+        it { is_expected.to eq [550, 600] }
+      end
+
+      context "a number" do
+        let(:position) { 25.5 }
+        it { is_expected.to eq [25.5, 600] }
+      end
+    end
+  end
+end

data/spec/prawn/svg/parser/path_spec.rb

@@ -0,0 +1,89 @@
+require 'spec_helper'
+
+describe Prawn::Svg::Parser::Path do
+  let(:path) { Prawn::Svg::Parser::Path.new }
+
+  describe "command parsing" do
+    it "correctly parses a valid path" do
+      calls = []
+      path.stub(:run_path_command) {|*args| calls << args}
+      path.parse("A12.34 -56.78 89B4 5 12-34 -.5.7+3 2.3e3 4e4 4e+4 c31,-2e-5C  6,7 T QX 0 Z")
+
+      calls.should == [
+        ["A", [12.34, -56.78, 89]],
+        ["B", [4, 5, 12, -34, -0.5, 0.7, 3, 2.3e3, 4e4, 4e4]],
+        ["c", [31, -2e-5]],
+        ["C", [6, 7]],
+        ["T", []],
+        ["Q", []],
+        ["X", [0]],
+        ["Z", []]
+      ]
+    end
+
+    it "treats subsequent points to m/M command as relative/absolute depending on command" do
+      [
+        ["M", [1,2,3,4]],
+        ["L", [3,4]],
+        ["m", [5,6,7,8]],
+        ["l", [7,8]]
+      ].each do |args|
+        path.should_receive(:run_path_command).with(*args).and_call_original
+      end
+
+      path.parse("M 1,2 3,4 m 5,6 7,8")
+    end
+
+    it "correctly parses an empty path" do
+      path.should_not_receive(:run_path_command)
+      path.parse("").should == []
+      path.parse("   ").should == []
+    end
+
+    it "raises on invalid characters in the path" do
+      lambda {path.parse("M 10 % 20")}.should raise_error(Prawn::Svg::Parser::Path::InvalidError)
+    end
+
+    it "raises on numerical data before a command letter" do
+      lambda {path.parse("10 P")}.should raise_error(Prawn::Svg::Parser::Path::InvalidError)
+    end
+  end
+
+  context "when given an A path" do
+    it "uses bezier curves to approximate an arc path" do
+      result = path.parse("M 100 200 A 10 10 0 0 1 200 200")
+
+      expect(result).to eq [
+        ["move_to", [100.0, 200.0]],
+        ["curve_to", [150.0, 150.0, 100.0, 172.57081148225683, 122.57081148225683, 150.0]],
+        ["curve_to", [200.0, 200.0, 177.42918851774317, 150.0, 200.0, 172.57081148225683]]
+      ]
+    end
+
+    it "ignores a path that has an identical start and end point" do
+      result = path.parse("M 100 200 A 30 30 0 0 1 100 200")
+
+      expect(result).to eq [
+        ["move_to", [100.0, 200.0]]
+      ]
+    end
+
+    it "substitutes a line_to when rx is 0" do
+      result = path.parse("M 100 200 A 0 10 0 0 1 200 200")
+
+      expect(result).to eq [
+        ["move_to", [100.0, 200.0]],
+        ["line_to", [200.0, 200.0]]
+      ]
+    end
+
+    it "substitutes a line_to when ry is 0" do
+      result = path.parse("M 100 200 A 10 0 0 0 1 200 200")
+
+      expect(result).to eq [
+        ["move_to", [100.0, 200.0]],
+        ["line_to", [200.0, 200.0]]
+      ]
+    end
+  end
+end

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/cap_styles.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="1100" height="210">
+  <rect x="100" y="100" width="900" height="100" fill="none" stroke="blue" stroke-width="2" />
+
+  <g stroke="green" stroke-width="10">
+    <line x1="120" y1="110" x2="120" y2="190" />
+    <line x1="140" y1="110" x2="140" y2="190" stroke-linecap="butt" />
+    <line x1="160" y1="110" x2="160" y2="190" stroke-linecap="round" />
+    <line x1="180" y1="110" x2="180" y2="190" stroke-linecap="square" />
+    <line x1="200" y1="110" x2="200" y2="190" />
+    <line x1="220" y1="110" x2="220" y2="190" stroke-linecap="invalid" />
+  </g>
+</svg>
+

data/spec/sample_svg/display_none.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" width="800" height="600">
+    <g id="layer1" style="display:none">
+       <rect x="350" y="200" width="20" height="20" fill="green" />
+       <text x="361.80859" y="200" id="text2986" xml:space="preserve" style="font-size:24px;font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica">
+         <tspan x="361.80859" y="200" id="tspan2988">Hidden</tspan>
+       </text>
+    </g>
+    <g id="layer2">
+        <text x="365.24805" y="300" id="text2990" xml:space="preserve" style="font-size:24px;font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica">
+       <tspan x="365.24805" y="300" id="tspan2992">Visible</tspan></text>
+    </g>
+</svg>

data/spec/sample_svg/gistfile1.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="205pt" style="width:362px;height:205px;" version="1.1" viewBox="0 0 362 205" width="362pt">
+  <g>
+    <line style="stroke: blue; stroke-width: 1.0; stroke-dasharray: 20,40;" x1="146" x2="146" y1="35.4883" y2="204.041"/>
+    <line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 5.0,5.0;" x1="204" x2="204" y1="35.4883" y2="204.041"/>
+    <rect fill="#FEFECE" height="30.4883" style="stroke: #A80036; stroke-width: 1.5;" width="47" x="121" y="0"/>
+    <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="33" x="128" y="20.5352">Alice</text>
+    <rect fill="#FEFECE" height="30.4883" style="stroke: #A80036; stroke-width: 1.5;" width="40" x="182" y="0"/>
+    <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="26" x="189" y="20.5352">Bob</text>
+    <polygon fill="#A80036" points="192,67.4883,202,71.4883,192,75.4883,196,71.4883" style="stroke: #A80036; stroke-width: 1.0;"/>
+    <line style="stroke: #A80036; stroke-width: 1.0;" x1="146.5" x2="198" y1="71.4883" y2="71.4883"/>
+    <text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="31" x="153.5" y="67.0566">hello</text>
+    <polygon fill="#FBFB77" points="5,50.4883,5,75.4883,138,75.4883,138,60.4883,128,50.4883,5,50.4883" style="stroke: #A80036; stroke-width: 1.0;"/>
+    <line style="stroke: #A80036; stroke-width: 1.0;" x1="128" x2="128" y1="50.4883" y2="60.4883"/>
+    <line style="stroke: #A80036; stroke-width: 1.0;" x1="138" x2="128" y1="60.4883" y2="60.4883"/>
+    <text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="112" x="11" y="68.0566">this is a first note</text>
+    <polygon fill="#A80036" points="157.5,106.7988,147.5,110.7988,157.5,114.7988,153.5,110.7988" style="stroke: #A80036; stroke-width: 1.0;"/>
+    <line style="stroke: #A80036; stroke-width: 1.0;" x1="151.5" x2="203" y1="110.7988" y2="110.7988"/>
+    <text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="16" x="163.5" y="106.3672">ok</text>
+    <polygon fill="#FBFB77" points="209,89.7988,209,114.7988,353,114.7988,353,99.7988,343,89.7988,209,89.7988" style="stroke: #A80036; stroke-width: 1.0;"/>
+    <line style="stroke: #A80036; stroke-width: 1.0;" x1="343" x2="343" y1="89.7988" y2="99.7988"/>
+    <line style="stroke: #A80036; stroke-width: 1.0;" x1="353" x2="343" y1="99.7988" y2="99.7988"/>
+    <text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="123" x="215" y="107.3672">this is another note</text>
+    <line style="stroke: #A80036; stroke-width: 1.0;" x1="204" x2="246" y1="159.2305" y2="159.2305"/>
+    <line style="stroke: #A80036; stroke-width: 1.0;" x1="246" x2="246" y1="159.2305" y2="172.2305"/>
+    <line style="stroke: #A80036; stroke-width: 1.0;" x1="205" x2="246" y1="172.2305" y2="172.2305"/>
+    <polygon fill="#A80036" points="215,168.2305,205,172.2305,215,176.2305,211,172.2305" style="stroke: #A80036; stroke-width: 1.0;"/>
+    <text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="84" x="211" y="154.4883">I am thinking</text>
+    <polygon fill="#FBFB77" points="52,129.1094,52,184.1094,195,184.1094,195,139.1094,185,129.1094,52,129.1094" style="stroke: #A80036; stroke-width: 1.0;"/>
+    <line style="stroke: #A80036; stroke-width: 1.0;" x1="185" x2="185" y1="129.1094" y2="139.1094"/>
+    <line style="stroke: #A80036; stroke-width: 1.0;" x1="195" x2="185" y1="139.1094" y2="139.1094"/>
+    <text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="39" x="58" y="146.6777">a note</text>
+    <text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="122" x="58" y="161.9883">can also be defined</text>
+    <text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="98" x="58" y="177.2988">on several lines</text>
+  </g>
+</svg>

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>