chromium/headless/test/data/svg_examples.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://web.resource.org/cc/"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="400"
   height="600"
   id="svg1322"
   sodipodi:version="0.32"
   inkscape:version="0.45+devel"
   version="1.0"
   sodipodi:docname="svg_test.svg"
   inkscape:export-xdpi="90"
   inkscape:export-ydpi="90"
   inkscape:output_extension="org.inkscape.output.svg.inkscape">
  <defs
     id="defs1324">
    <linearGradient
       id="linearGradient4091">
      <stop
         style="stop-color:white;stop-opacity:1;"
         offset="0"
         id="stop4093" />
      <stop
         id="stop4113"
         offset="0.75"
         style="stop-color:white;stop-opacity:1;" />
      <stop
         style="stop-color:white;stop-opacity:0;"
         offset="1"
         id="stop4095" />
    </linearGradient>
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient4091"
       id="radialGradient4118"
       gradientUnits="userSpaceOnUse"
       cx="75"
       cy="475"
       fx="75"
       fy="475"
       r="25.5" />
    <linearGradient
       id="linearGradient4138">
      <stop
         id="stop4140"
         offset="0"
         style="stop-color:black;stop-opacity:1;" />
      <stop
         style="stop-color:black;stop-opacity:1;"
         offset="0.75"
         id="stop4142" />
      <stop
         id="stop4144"
         offset="1"
         style="stop-color:black;stop-opacity:0;" />
    </linearGradient>
    <pattern
       inkscape:collect="always"
       xlink:href="#pattern2276"
       id="pattern2700"
       patternTransform="matrix(0.312114,0,0,0.312114,-10.49999,99.5)" />
    <marker
       inkscape:stockid="Dot_l"
       orient="auto"
       refY="0"
       refX="0"
       id="Dot_l"
       style="fill:#700;overflow:visible">
      <path
         id="path2602"
         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z "
         style="fill-rule:evenodd;stroke:black;stroke-width:1pt;marker-start:none;marker-end:none"
         transform="matrix(0.8,0,0,0.8,5.700394,0.8)" />
    </marker>
    <marker
       inkscape:stockid="TriangleInL"
       orient="auto"
       refY="0"
       refX="0"
       id="TriangleInL"
       style="fill:#070;overflow:visible">
      <path
         id="path2575"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z "
         style="fill-rule:evenodd;stroke:black;stroke-width:1pt;marker-start:none"
         transform="scale(-0.8,-0.8)" />
    </marker>
    <marker
       inkscape:stockid="SquareL"
       orient="auto"
       refY="0"
       refX="0"
       id="SquareL"
       style="fill:#007;overflow:visible">
      <path
         id="path2593"
         d="M -5,-5 L -5,5 L 5,5 L 5,-5 L -5,-5 z "
         style="fill-rule:evenodd;stroke:black;stroke-width:1pt;marker-start:none"
         transform="scale(0.8,0.8)" />
    </marker>
    <linearGradient
       inkscape:collect="always"
       id="linearGradient2680">
      <stop
         style="stop-color:#000000;stop-opacity:1;"
         offset="0"
         id="stop2682" />
      <stop
         style="stop-color:#000000;stop-opacity:0;"
         offset="1"
         id="stop2684" />
    </linearGradient>
    <marker
       inkscape:stockid="SemiCircleIn"
       orient="auto"
       refY="0"
       refX="0"
       id="SemiCircleIn"
       style="overflow:visible">
      <path
         id="path2548"
         d="M -0.37450702,-0.04569258 C -0.37450702,2.7143074 1.865493,4.9543074 4.625493,4.9543074 L 4.625493,-5.0456926 C 1.865493,-5.0456926 -0.37450702,-2.8056926 -0.37450702,-0.04569258 z "
         style="fill-rule:evenodd;stroke:black;stroke-width:1pt;marker-start:none;marker-end:none"
         transform="scale(0.6,0.6)" />
    </marker>
    <marker
       inkscape:stockid="Arrow2Lstart"
       orient="auto"
       refY="0"
       refX="0"
       id="Arrow2Lstart"
       style="overflow:visible">
      <path
         id="path2649"
         style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
         transform="matrix(1.1,0,0,1.1,-5.5,0)" />
    </marker>
    <marker
       inkscape:stockid="Arrow2Lend"
       orient="auto"
       refY="0"
       refX="0"
       id="Arrow2Lend"
       style="overflow:visible">
      <path
         id="path2646"
         style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
         transform="matrix(-1.1,0,0,-1.1,5.5,0)" />
    </marker>
    <pattern
       inkscape:collect="always"
       xlink:href="#pattern2269"
       id="pattern2276"
       patternTransform="matrix(0.312114,0,0,0.312114,-50.5,89.5)" />
    <linearGradient
       id="linearGradient2225">
      <stop
         style="stop-color:#ff0000;stop-opacity:1;"
         offset="0"
         id="stop2227" />
      <stop
         style="stop-color:#ff0000;stop-opacity:0;"
         offset="1"
         id="stop2229" />
    </linearGradient>
    <linearGradient
       inkscape:collect="always"
       xlink:href="#linearGradient2225"
       id="linearGradient2231"
       x1="49.500004"
       y1="105"
       x2="80.5"
       y2="105"
       gradientUnits="userSpaceOnUse"
       gradientTransform="translate(50.00001,10)" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient2225"
       id="radialGradient2261"
       cx="75.025307"
       cy="145"
       fx="75.025307"
       fy="145"
       r="15.499998"
       gradientTransform="translate(29.97469,129.9999)"
       gradientUnits="userSpaceOnUse" />
    <pattern
       patternUnits="userSpaceOnUse"
       width="31"
       height="31"
       patternTransform="translate(-50.5,89.5)"
       id="pattern2269">
      <rect
         y="0.5"
         x="0.5"
         height="20"
         width="20"
         id="rect2263"
         style="opacity:1;fill:#0000ff;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
      <path
         transform="translate(40.5,-89.5)"
         d="M -10 110 A 10 10 0 1 1  -30,110 A 10 10 0 1 1  -10 110 z"
         sodipodi:ry="10"
         sodipodi:rx="10"
         sodipodi:cy="110"
         sodipodi:cx="-20"
         id="path2265"
         style="opacity:1;fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
         sodipodi:type="arc" />
      <path
         d="M -40,100 L -37.061074,105.95492 L -30.489435,106.90983 L -35.244717,111.54509 L -34.122148,118.09017 L -40,115 L -45.877853,118.09017 L -44.755283,111.54508 L -49.510565,106.90983 L -42.938926,105.95491 L -40,100 z "
         inkscape:randomized="0"
         inkscape:rounded="0"
         inkscape:flatsided="false"
         sodipodi:arg2="-0.94247777"
         sodipodi:arg1="-1.5707963"
         sodipodi:r2="5"
         sodipodi:r1="10"
         sodipodi:cy="110"
         sodipodi:cx="-40"
         sodipodi:sides="5"
         id="path2267"
         style="opacity:1;fill:#fff600;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
         sodipodi:type="star"
         transform="translate(50.5,-89.5)" />
    </pattern>
    <linearGradient
       inkscape:collect="always"
       xlink:href="#linearGradient2680"
       id="linearGradient2686"
       x1="168.75"
       y1="160"
       x2="291.25"
       y2="160"
       gradientUnits="userSpaceOnUse"
       gradientTransform="translate(69.99999,2.65625e-13)" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient2225"
       id="radialGradient3713"
       gradientUnits="userSpaceOnUse"
       gradientTransform="translate(39.97469,9.9999)"
       cx="75.025307"
       cy="145"
       fx="75.025307"
       fy="145"
       r="15.499998" />
    <clipPath
       clipPathUnits="userSpaceOnUse"
       id="clipPath4125">
      <path
         transform="matrix(2,0,0,2,-70,-440)"
         sodipodi:type="arc"
         style="opacity:1;color:black;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:black;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="path3183"
         sodipodi:cx="75"
         sodipodi:cy="475"
         sodipodi:rx="25"
         sodipodi:ry="25"
         d="M 100 475 A 25 25 0 1 1  50,475 A 25 25 0 1 1  100 475 z" />
    </clipPath>
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient4138"
       id="radialGradient4132"
       gradientUnits="userSpaceOnUse"
       cx="75"
       cy="475"
       fx="75"
       fy="475"
       r="25.5" />
    <mask
       maskUnits="userSpaceOnUse"
       id="mask4150">
      <image
         mask="none"
         x="12.349579"
         y="450"
         xlink:href="svg_example_image.png"
         id="image4128"
         width="90"
         height="67.5"
         clip-path="none" />
    </mask>
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient4091"
       id="radialGradient3847"
       gradientUnits="userSpaceOnUse"
       cx="75"
       cy="475"
       fx="75"
       fy="475"
       r="25.5" />
    <mask
       maskUnits="userSpaceOnUse"
       id="mask3844">
      <path
         d="M 100 475 A 25 25 0 1 1  50,475 A 25 25 0 1 1  100 475 z"
         sodipodi:ry="25"
         sodipodi:rx="25"
         sodipodi:cy="475"
         sodipodi:cx="75"
         id="path3205"
         style="opacity:1;color:black;fill:url(#radialGradient3847);fill-opacity:1;fill-rule:nonzero;stroke:black;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         sodipodi:type="arc"
         transform="translate(200,0)" />
    </mask>
  </defs>
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="2"
     inkscape:cx="228.76015"
     inkscape:cy="296.97776"
     inkscape:document-units="px"
     inkscape:current-layer="layer1"
     showgrid="true"
     inkscape:grid-points="true"
     inkscape:grid-bbox="false"
     gridspacingx="10px"
     gridspacingy="10px"
     gridtolerance="12.7"
     inkscape:window-width="1220"
     inkscape:window-height="846"
     inkscape:window-x="50"
     inkscape:window-y="124"
     inkscape:object-points="true"
     inkscape:object-nodes="true"
     width="400px"
     height="600px">
    <inkscape:grid
       type="xygrid"
       id="grid2697" />
  </sodipodi:namedview>
  <metadata
     id="metadata1327">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Layer 1"
     id="layer1"
     inkscape:groupmode="layer">
    <image
       x="-45.300835"
       y="460"
       xlink:href="svg_example_image.png"
       id="image3175"
       width="180"
       height="135"
       clip-path="url(#clipPath4125)"
       transform="translate(0,-10)" />
    <rect
       height="10"
       width="100"
       id="rect2834"
       style="opacity:1;color:black;fill:blue;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:100;stroke-linecap:round;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
       y="270"
       x="30" />
    <text
       sodipodi:linespacing="125%"
       id="text1330"
       xml:space="preserve"
       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
       y="20"
       x="160"><tspan
         style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans"
         id="tspan1332"
         y="20"
         sodipodi:role="line"
         x="160">SVG Tests</tspan></text>
    <rect
       height="30.000004"
       width="29.999996"
       id="rect1334"
       style="opacity:1;fill:red;fill-opacity:0.49803922;stroke:black;stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       y="260"
       x="40.000004" />
    <rect
       height="30.000004"
       width="29.999996"
       id="rect2219"
       style="opacity:1;fill:url(#linearGradient2231);fill-opacity:1;stroke:black;stroke-width:1;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       y="100"
       x="100" />
    <rect
       height="30.000004"
       width="29.999996"
       id="rect2237"
       style="opacity:1;fill:url(#radialGradient2261);fill-opacity:1;stroke:black;stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       y="260"
       x="90" />
    <rect
       height="30.000004"
       width="29.999996"
       id="rect2249"
       style="opacity:1;fill:url(#pattern2700);fill-opacity:1;stroke:black;stroke-width:1;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       y="180"
       x="100" />
    <rect
       height="31"
       id="rect2274"
       width="31"
       inkscape:export-xdpi="72"
       inkscape:export-ydpi="72"
       inkscape:label="my_rect"
       style="fill:url(#pattern2269);stroke:none"
       y="89.5"
       x="-50.5" />
    <path
       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:black;stroke-width:2.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       id="path2482"
       sodipodi:nodetypes="csc"
       d="M 240,80 C 260,60 280,60 300,80 C 320,100 340,100 360,80" />
    <path
       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:black;stroke-width:2.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:2.5, 2.5;stroke-dashoffset:0;stroke-opacity:1"
       d="M 240,100 C 260,80 280,80 300,100 C 320,120 340,120 360,100"
       sodipodi:nodetypes="csc"
       id="path2484" />
    <path
       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:black;stroke-width:2.5;stroke-linecap:butt;stroke-linejoin:miter;marker-start:url(#Arrow2Lstart);marker-mid:url(#SemiCircleIn);marker-end:url(#Arrow2Lend);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       id="path2486"
       sodipodi:nodetypes="csc"
       d="M 240,120 C 260,100 280,100 300,120 C 320,140 340,140 360,120" />
    <path
       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:red;stroke-width:2.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="M 240,140 C 260,120 280,120 300,140 C 320,160 340,160 360,140"
       sodipodi:nodetypes="csc"
       id="path2488" />
    <path
       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:url(#linearGradient2686);stroke-width:2.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       id="path2490"
       sodipodi:nodetypes="csc"
       d="M 240,160 C 260,140 280,140 300,160 C 320,180 340,180 360,160" />
    <path
       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:red;stroke-width:2.5;stroke-linecap:butt;stroke-linejoin:miter;marker-start:url(#SquareL);marker-mid:url(#TriangleInL);marker-end:url(#Dot_l);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="M 240,180 C 260,160 280,160 300,180 C 320,200 340,200 360,180"
       sodipodi:nodetypes="csc"
       id="path2492" />
    <path
       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:black;stroke-width:6.25;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="M 180,70 L 210,70"
       id="path2702" />
    <path
       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:black;stroke-width:6.25;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       id="path2704"
       d="M 180,90 L 210,90" />
    <path
       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:black;stroke-width:6.25;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="M 180,110 L 210,110"
       id="path2706" />
    <path
       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:black;stroke-width:6.25;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="M 180,130 L 210,130 L 180,150"
       id="path2710" />
    <path
       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:black;stroke-width:6.25;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       id="path2712"
       d="M 180,160 L 210,160 L 180,180" />
    <path
       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:black;stroke-width:6.25;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="M 180,190 L 210,190 L 180,210"
       id="path2714" />
    <text
       sodipodi:linespacing="100%"
       id="text2716"
       xml:space="preserve"
       style="font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:'Bitstream Vera Sans'"
       y="259.28125"
       x="190"><tspan
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;font-family:'Bitstream Vera Sans'"
         id="tspan2718"
         y="259.28125"
         sodipodi:role="line"
         x="190">Sample text (regular).</tspan></text>
    <path
       style="font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:112.99999952%;writing-mode:lr-tb;text-anchor:start;fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:black;stroke-width:1.25;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;font-family:Bitstream Vera Sans"
       d="M 180,400 C 200,380 220,380 240,400 C 259.99999,420 280,420 300,400"
       sodipodi:nodetypes="csc"
       id="path2725" />
    <text
       style="font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:112.99999952%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1.25;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;font-family:Bitstream Vera Sans"
       id="text2727"
       xml:space="preserve"
       sodipodi:linespacing="113%"
       transform="translate(0,-1.38675)"><textPath
         id="textPath2731"
         xlink:href="#path2725"><tspan
   style="font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:112.99999952%;writing-mode:lr-tb;text-anchor:start;stroke-width:1.25;stroke-miterlimit:4;stroke-dasharray:none;font-family:Bitstream Vera Sans"
   id="tspan2729"><tspan
   style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:112.99999952%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans"
   id="tspan1410">  Sample text on pat</tspan>h.</tspan></textPath></text>
    <path
       sodipodi:cy="255"
       d="M 250 255 A 40 25 0 1 1  170,255 A 40 25 0 1 1  250 255 z"
       sodipodi:ry="25"
       sodipodi:rx="40"
       id="path2769"
       sodipodi:type="arc"
       style="opacity:1;fill:none;fill-opacity:1;stroke:red;stroke-width:1.25;stroke-linecap:square;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
       transform="translate(144.5543,148.4029)"
       sodipodi:cx="210" />
    <rect
       height="40"
       width="40"
       id="rect2779"
       style="opacity:1;fill:#77f;fill-opacity:1;stroke:red;stroke-width:1.25;stroke-linecap:square;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
       y="580"
       x="-20" />
    <text
       sodipodi:linespacing="113%"
       id="text1397"
       xml:space="preserve"
       style="font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:112.99999952%;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;opacity:1;color:black;fill:black;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;font-family:Bitstream Vera Sans"
       y="590"
       x="30"><tspan
         id="tspan2832"
         y="590"
         sodipodi:role="line"
         x="30">Clipping - Page</tspan></text>
    <text
       sodipodi:linespacing="100%"
       id="text1412"
       xml:space="preserve"
       style="font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:'Bitstream Vera Sans'"
       y="280.16406"
       x="190"><tspan
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;font-family:'Bitstream Vera Sans'"
         id="tspan1414"
         y="280.16406"
         x="190"
         sodipodi:role="line">Sample text (to path).</tspan></text>
    <text
       sodipodi:linespacing="100%"
       id="text1465"
       xml:space="preserve"
       style="font-size:24px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:'Bitstream Vera Sans'"
       y="300.16406"
       x="188.84438"><tspan
         id="tspan1467"
         sodipodi:role="line"
         dx="1.155624"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;font-family:'Bitstream Vera Sans'"
         y="300.16406"
         x="188.84438">Japanese: 日本語</tspan></text>
    <text
       sodipodi:linespacing="100%"
       id="text1608"
       xml:space="preserve"
       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
       y="50"
       x="10"><tspan
         id="tspan1610"
         y="50"
         sodipodi:role="line"
         x="10">Fill</tspan></text>
    <text
       sodipodi:linespacing="100%"
       id="text1612"
       xml:space="preserve"
       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
       y="240"
       x="10"><tspan
         id="tspan1614"
         y="240"
         sodipodi:role="line"
         x="10">Transparency</tspan></text>
    <text
       sodipodi:linespacing="100%"
       id="text1616"
       xml:space="preserve"
       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
       y="50"
       x="168.54031"><tspan
         id="tspan1618"
         y="50"
         x="168.54031"
         sodipodi:role="line">Stroke</tspan></text>
    <text
       sodipodi:linespacing="100%"
       id="text1620"
       xml:space="preserve"
       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
       y="236.89786"
       x="174.96913"><tspan
         id="tspan1622"
         y="236.89786"
         x="174.96913"
         sodipodi:role="line">Text</tspan></text>
    <text
       sodipodi:linespacing="100%"
       id="text2800"
       xml:space="preserve"
       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
       y="70"
       x="20"><tspan
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans"
         id="tspan2802"
         y="70"
         sodipodi:role="line"
         x="20">Solid</tspan></text>
    <text
       sodipodi:linespacing="100%"
       id="text2804"
       xml:space="preserve"
       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
       y="110.20031"
       x="19.368259"><tspan
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans"
         id="tspan2806"
         y="110.20031"
         x="19.368259"
         sodipodi:role="line">Linear</tspan><tspan
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans"
         id="tspan2824"
         y="122.20031"
         x="19.368259"
         sodipodi:role="line">Gradient</tspan></text>
    <text
       sodipodi:linespacing="100%"
       id="text2808"
       xml:space="preserve"
       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
       y="150.20032"
       x="19.368259"><tspan
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans"
         id="tspan2810"
         y="150.20032"
         sodipodi:role="line"
         x="19.368259">Radial</tspan><tspan
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans"
         id="tspan2826"
         y="162.20032"
         sodipodi:role="line"
         x="19.368259">Gradient</tspan></text>
    <text
       sodipodi:linespacing="100%"
       id="text2812"
       xml:space="preserve"
       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
       y="190.20032"
       x="19.368259"><tspan
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;font-family:Bitstream Vera Sans"
         id="tspan2814"
         y="190.20032"
         x="19.368259"
         sodipodi:role="line">Pattern</tspan></text>
    <rect
       height="30.000004"
       width="29.999996"
       id="rect3709"
       style="opacity:1;fill:red;fill-opacity:1;stroke:black;stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       y="60"
       x="100" />
    <rect
       height="30.000004"
       width="29.999996"
       id="rect3711"
       style="opacity:1;fill:url(#radialGradient3713);fill-opacity:1;stroke:black;stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       y="140"
       x="100" />
    <text
       sodipodi:linespacing="100%"
       id="text1439"
       xml:space="preserve"
       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
       y="322.5"
       x="10"><tspan
         id="tspan1441"
         y="322.5"
         x="10"
         sodipodi:role="line">Embedded Image</tspan></text>
    <flowRoot
       xml:space="preserve"
       style="font-size:6px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
       id="flowRoot1439"><flowRegion
         id="flowRegion1441"><use
           x="0"
           y="0"
           xlink:href="#path2769"
           id="use1443"
           width="400"
           height="450" /></flowRegion><flowPara
         id="flowPara1445">Text flowed into a frame of arbitrary shape. (SVG 1.2.) Text flowed into a frame of arbitrary shape. (SVG 1.2.)</flowPara></flowRoot>    <text
       x="10"
       y="440"
       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
       xml:space="preserve"
       id="text3177"
       sodipodi:linespacing="100%"><tspan
         sodipodi:role="line"
         x="10"
         y="440"
         id="tspan3179">Clipped</tspan></text>
    <image
       clip-path="none"
       height="67.5"
       width="90"
       id="image3201"
       xlink:href="svg_example_image.png"
       y="450"
       x="212.34958"
       mask="url(#mask3844)"
       transform="matrix(2,0,0,2,-320.6992,-450)" />
    <text
       sodipodi:linespacing="100%"
       id="text4120"
       xml:space="preserve"
       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
       y="440"
       x="170.00009"><tspan
         id="tspan4122"
         y="440"
         x="170.00009"
         sodipodi:role="line">Masked</tspan></text>
    <path
       d="M 100 475 A 25 25 0 1 1  50,475 A 25 25 0 1 1  100 475 z"
       sodipodi:ry="25"
       sodipodi:rx="25"
       sodipodi:cy="475"
       sodipodi:cx="75"
       id="path4130"
       style="opacity:1;color:black;fill:url(#radialGradient4132);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
       sodipodi:type="arc"
       transform="matrix(2,0,0,2,189.3008,-450)"
       mask="url(#mask4150)" />
    <image
       height="67.5"
       width="90"
       id="image1498"
       xlink:href="svg_example_image.png"
       y="332.5"
       x="30" />
    <text
       xml:space="preserve"
       style="font-size:12px;font-style:normal;font-weight:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:'Times New Roman'"
       x="190"
       y="340"
       id="text2699"><tspan
         sodipodi:role="line"
         id="tspan2701"
         x="190"
         y="340">Times New Roman</tspan></text>
    <text
       xml:space="preserve"
       style="font-size:12px;font-style:normal;font-weight:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:'URW Chancery L'"
       x="190"
       y="361.37207"
       id="text2703"><tspan
         sodipodi:role="line"
         id="tspan2705"
         x="190"
         y="361.37207">URW Chancery L</tspan></text>
    <text
       xml:space="preserve"
       style="font-size:12px;font-style:normal;font-weight:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:'Bitstream Vera Sans'"
       x="190"
       y="319.99414"
       id="text2725"><tspan
         sodipodi:role="line"
         id="tspan2727"
         x="190"
         y="319.99414">Bitstream Vera Sans</tspan></text>
    <text
       xml:space="preserve"
       style="font-size:8px;font-style:normal;font-weight:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:'Bitstream Vera Sans'"
       x="306.09766"
       y="363.33594"
       id="text2747"><tspan
         sodipodi:role="line"
         x="306.09766"
         y="363.33594"
         id="tspan2755">Text flowed into frame</tspan><tspan
         sodipodi:role="line"
         x="306.09766"
         y="373.33594"
         id="tspan2757">(SVG 1.2 proposal).</tspan></text>
  </g>
</svg>