Стартовый пул

bgrabitmap/test/testsvg/svg/01 circle.svg

@@ -0,0 +1,3 @@
+<svg height="100" width="100">
+  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
+</svg> 

bgrabitmap/test/testsvg/svg/02.1 rectangle.svg

@@ -0,0 +1,3 @@
+<svg width="400" height="110">
+  <rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" />
+</svg>

bgrabitmap/test/testsvg/svg/02.2 rectangle with style.svg

@@ -0,0 +1,6 @@
+<svg width="400" height="310">
+  <g fill="green" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" >
+      <rect width="300" height="100" fill="red"  />
+      <rect y="150" width="300" height="100" stroke="yellow" style="stroke:green" />
+  </g>
+</svg>

bgrabitmap/test/testsvg/svg/03 rectangle opacity.svg

@@ -0,0 +1,3 @@
+<svg width="400" height="180">
+  <rect x="50" y="20" width="150" height="150" style="fill:blue;stroke:pink;stroke-width:5;fill-opacity:0.1;stroke-opacity:0.9" />
+</svg>

bgrabitmap/test/testsvg/svg/04 rectangle opacity border.svg

@@ -0,0 +1,3 @@
+<svg width="400" height="180">
+  <rect x="50" y="20" width="150" height="150" style="fill:blue;stroke:pink;stroke-width:5;opacity:0.5" />
+</svg>

bgrabitmap/test/testsvg/svg/05 round rect.svg

@@ -0,0 +1,3 @@
+<svg width="400" height="180">
+  <rect x="50" y="20" rx="20" ry="20" width="150" height="150" style="fill:red;stroke:black;stroke-width:5;opacity:0.5" />
+</svg>

bgrabitmap/test/testsvg/svg/06 ellipse.svg

@@ -0,0 +1,3 @@
+<svg height="140" width="500">
+  <ellipse cx="200" cy="80" rx="100" ry="50" style="fill:yellow;stroke:purple;stroke-width:2" />
+</svg>

bgrabitmap/test/testsvg/svg/07 ellipse three.svg

@@ -0,0 +1,5 @@
+<svg height="150" width="500">
+  <ellipse cx="240" cy="100" rx="220" ry="30" style="fill:purple" />
+  <ellipse cx="220" cy="70" rx="190" ry="20" style="fill:lime" />
+  <ellipse cx="210" cy="45" rx="170" ry="15" style="fill:yellow" />
+</svg>

bgrabitmap/test/testsvg/svg/08 ellipse two.svg

@@ -0,0 +1,4 @@
+<svg height="100" width="500">
+  <ellipse cx="240" cy="50" rx="220" ry="30" style="fill:yellow" />
+  <ellipse cx="220" cy="50" rx="190" ry="20" style="fill:white" />
+</svg>

bgrabitmap/test/testsvg/svg/09 line.svg

@@ -0,0 +1,3 @@
+<svg height="210" width="500">
+  <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
+</svg>

bgrabitmap/test/testsvg/svg/10 polygon (three sides).svg

@@ -0,0 +1,3 @@
+<svg height="210" width="500">
+  <polygon points="200,10 250,190 160,210" style="fill:lime;stroke:purple;stroke-width:1" />
+</svg>

bgrabitmap/test/testsvg/svg/11 polygon (four sides).svg

@@ -0,0 +1,3 @@
+<svg height="250" width="500">
+  <polygon points="220,10 300,210 170,250 123,234" style="fill:lime;stroke:purple;stroke-width:1" />
+</svg>

bgrabitmap/test/testsvg/svg/12 star 1.svg

@@ -0,0 +1,3 @@
+<svg height="210" width="500">
+  <polygon points="100,10 40,198 190,78 10,78 160,198" style="fill:lime;stroke:purple;stroke-width:5;fill-rule:nonzero;"/>
+</svg>

bgrabitmap/test/testsvg/svg/13 star 2.svg

@@ -0,0 +1,3 @@
+<svg height="210" width="500">
+  <polygon points="100,10 40,198 190,78 10,78 160,198" style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;"/>
+</svg>

bgrabitmap/test/testsvg/svg/14 polyline 1.svg

@@ -0,0 +1,3 @@
+<svg height="200" width="500">
+  <polyline points="20,20 40,25 60,40 80,120 120,140 200,180" style="fill:none;stroke:black;stroke-width:3" />
+</svg>

bgrabitmap/test/testsvg/svg/15 polyline 2.svg

@@ -0,0 +1,3 @@
+<svg height="180" width="500">
+  <polyline points="0,40 40,40 40,80 80,80 80,120 120,120 120,160" style="fill:white;stroke:red;stroke-width:4" />
+</svg>

bgrabitmap/test/testsvg/svg/16 path 1.svg

@@ -0,0 +1,3 @@
+<svg height="210" width="400">
+  <path d="M150 0 L75 200 L225 200 Z" />
+</svg>

bgrabitmap/test/testsvg/svg/17 path 2.svg

@@ -0,0 +1,7 @@
+<svg height="80" width="300">
+  <g fill="none">
+    <path stroke="red" d="M5 20 l215 0" />
+    <path stroke="black" d="M5 40 l215 0" />
+    <path stroke="blue" d="M5 60 l215 0" />
+  </g>
+</svg>

bgrabitmap/test/testsvg/svg/18 path 3.svg

@@ -0,0 +1,7 @@
+<svg height="80" width="300">
+  <g fill="none" stroke="black">
+    <path stroke-width="2" d="M5 20 l215 0" />
+    <path stroke-width="4" d="M5 40 l215 0" />
+    <path stroke-width="6" d="M5 60 l215 0" />
+  </g>
+</svg>

bgrabitmap/test/testsvg/svg/19 path 4.svg

@@ -0,0 +1,8 @@
+<svg height="80" width="300">
+  <g fill="none" stroke="black" stroke-width="6">
+    <path stroke-linecap="butt" d="M5 20 l215 0" />
+    <path stroke-linecap="round" d="M5 40 l215 0" />
+    <path stroke-linecap="square" d="M5 60 l215 0" />
+  </g>
+</svg>
+ 

bgrabitmap/test/testsvg/svg/20 path 5.svg

@@ -0,0 +1,7 @@
+<svg height="80" width="300">
+  <g fill="none" stroke="black" stroke-width="4">
+    <path stroke-dasharray="5,5" d="M5 20 l215 0" />
+    <path stroke-dasharray="10,10" d="M5 40 l215 0" />
+    <path stroke-dasharray="20,10,5,5,5,10" d="M5 60 l215 0" />
+  </g>
+</svg>

bgrabitmap/test/testsvg/svg/21 quadratic Bezier curve.svg

@@ -0,0 +1,18 @@
+<svg height="400" width="450">
+<path id="lineAB" d="M 100 350 l 150 -300" stroke="red" stroke-width="3" fill="none" />
+  <path id="lineBC" d="M 250 50 l 150 300" stroke="red" stroke-width="3" fill="none" />
+  <path d="M 175 200 l 150 0" stroke="green" stroke-width="3" fill="none" />
+  <path d="M 100 350 q 150 -300 300 0" stroke="blue" stroke-width="5" fill="none" />
+  <!-- Mark relevant points -->
+  <g stroke="black" stroke-width="3" fill="black">
+    <circle id="pointA" cx="100" cy="350" r="3" />
+    <circle id="pointB" cx="250" cy="50" r="3" />
+    <circle id="pointC" cx="400" cy="350" r="3" />
+  </g>
+  <!-- Label the points -->
+  <g font-size="30" font-family="sans-serif" fill="black" stroke="none" text-anchor="middle">
+    <text x="100" y="350" dx="-30">A</text>
+    <text x="250" y="50" dy="-10">B</text>
+    <text x="400" y="350" dx="30">C</text>
+  </g>
+</svg>

bgrabitmap/test/testsvg/svg/22.1 text.svg

@@ -0,0 +1,3 @@
+<svg height="30" width="200">
+  <text x="0" y="15" fill="red">I love SVG!</text>
+</svg>

bgrabitmap/test/testsvg/svg/22.1b text gradient.svg

@@ -0,0 +1,9 @@
+<svg height="100" width="360" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
+      <stop offset="100%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <text x="180" y="70" fill="url(#grad1)" stroke="black" font-size="70" text-anchor="middle">I love SVG!</text>
+</svg>

bgrabitmap/test/testsvg/svg/22.2 text tref 1.svg

@@ -0,0 +1,17 @@
+<svg width="1000" height="300" viewBox="0 0 1000 300"
+     xmlns="http://www.w3.org/2000/svg" 
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <text id="ReferencedText">
+      Referenced character data
+    </text>
+  </defs>
+  <text x="100" y="100" font-size="45" >
+    Inline character data
+  </text>
+  <text x="100" y="200" font-size="45" fill="red" >
+    <tref xlink:href="#ReferencedText"/>
+  </text>
+  <rect x="1" y="1" width="998" height="298"
+        fill="none" stroke-width="2" />
+</svg>

bgrabitmap/test/testsvg/svg/22.2v2 text tref 1.svg

@@ -0,0 +1,17 @@
+<svg width="1000" height="300" viewBox="0 0 1000 300"
+     xmlns="http://www.w3.org/2000/svg" 
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <text id="ReferencedText">
+      Referenced character data
+    </text>
+  </defs>
+  <text x="100" y="100" font-size="45" >
+    Inline character data
+  </text>
+  <text x="100" y="200" font-size="45" fill="red" >
+    <tref xlink:href="#ReferencedText"/>
+  </text>
+  <rect x="1" y="1" width="998" height="298"
+        fill="none" stroke-width="2" />
+</svg>

bgrabitmap/test/testsvg/svg/23 text rotate.svg

@@ -0,0 +1,3 @@
+<svg height="60" width="200">
+  <text x="0" y="15" fill="red" transform="rotate(30 20,40)">I love SVG</text>
+</svg>

bgrabitmap/test/testsvg/svg/24 text lines.svg

@@ -0,0 +1,6 @@
+<svg height="90" width="200">
+  <text x="10" y="20" style="fill:red;">Several lines:
+    <tspan x="10" y="45">First line.</tspan>
+    <tspan x="10" y="70">Second line.</tspan>
+  </text>
+</svg>

bgrabitmap/test/testsvg/svg/24.1 text span 1.svg

@@ -0,0 +1,6 @@
+<svg width="200" height="100" xmlns="http://www.w3.org/2000/svg" >
+    <text x="20" y="15">
+        <tspan>tspan line 1</tspan>
+        <tspan dx="30" dy="10">tspan line 2</tspan>
+    </text>
+</svg>

bgrabitmap/test/testsvg/svg/24.2 text span 2.svg

@@ -0,0 +1,6 @@
+<svg width="660" height="220" style="outline: 1px solid red; font-size: 2em; overflow: visible;" xmlns="http://www.w3.org/2000/svg">  	
+  <text x="240" y="120">  	
+    <tspan>SVG 1</tspan>  	
+    <tspan dx="50,10,10,0,5" dy="50,10,10,10">SVG 2</tspan>  
+  </text>  	
+</svg>

bgrabitmap/test/testsvg/svg/24.2 text span rot.svg

@@ -0,0 +1,26 @@
+<svg width="500" height="120" viewBox="0 0 500 120"
+  xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <text id="parent" font-family="Arial, sans-serif" font-size="32" fill="red" x="40" y="40"
+    rotate="5,15,25,35,45,55">
+    Not
+    <tspan id="child1" rotate="-10,-20,-30,-40" fill="orange">
+      all characters
+      <tspan id="child2" rotate="70,60,50,40,30,20,10" fill="yellow">
+        in        
+        <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
+  </text>
+  <rect x="1" y="1" width="498" height="118" fill="none"
+        stroke="blue" stroke-width="2" />
+</svg>

bgrabitmap/test/testsvg/svg/24.3 text span 3.svg

@@ -0,0 +1,6 @@
+<svg width="660" height="220" style="outline: 1px solid red; font-size: 2em; overflow: visible;" xmlns="http://www.w3.org/2000/svg">  
+  <text x="280" y="80" rotate="10">  
+    <tspan>SVG 1</tspan>  
+    <tspan x="280" dy="36" fill="red">SVG 2</tspan>  
+  </text>  
+</svg>

bgrabitmap/test/testsvg/svg/24.3 text span rel 2.svg

@@ -0,0 +1,3 @@
+<svg width="460" height="160" style="outline: 1px solid red; font-family: sans serif; font-size: 48px; overflow: visible;" xmlns="http://www.w3.org/2000/svg">  
+  <text x="20" y="95">E =<tspan x="125" dy="-0.7em">1</tspan><tspan x="125"  dy="1.5em">2</tspan><tspan x="125" dy="-1.3em">_</tspan><tspan dy="0.5em" dx="0.3em">mv</tspan><tspan font-size="0.7em" dy="-0.5em">2</tspan><tspan dy="0.35em"> + mgh</tspan></text>  
+</svg>

bgrabitmap/test/testsvg/svg/24.3v2 text span rel 2.svg

@@ -0,0 +1,3 @@
+<svg width="460" height="160" style="outline: 1px solid red; font-family: sans serif; font-size: 48px; overflow: visible;" xmlns="http://www.w3.org/2000/svg">  
+  <text x="20" y="95">E =<tspan x="125" dy="-0.7em">1</tspan><tspan x="125"  dy="1.5em">2</tspan><tspan x="125" dy="-1.3em">_</tspan><tspan dy="0.5em"> mv</tspan><tspan font-size="0.7em" dy="-0.5em">2</tspan><tspan dy="0.35em"> + mgh</tspan></text>  
+</svg>

bgrabitmap/test/testsvg/svg/24.4 text span 4.svg

@@ -0,0 +1,10 @@
+<svg width="10cm" height="3cm" viewBox="0 0 1000 300"
+  xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <text font-family="Verdana" font-size="55" fill="blue" >
+    <tspan x="250" y="150" rotate="-30,0,30">
+      Hello, out there
+    </tspan>
+  </text>
+  <rect x="1" y="1" width="998" height="298"
+  fill="none" stroke="blue" stroke-width="2" />
+</svg>

bgrabitmap/test/testsvg/svg/24.5 text span 5.svg

@@ -0,0 +1,16 @@
+<svg width="12cm" height="4cm" viewBox="0 0 1200 400"
+     xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <rect x="1" y="1" width="1198" height="398" fill="none" stroke="blue" stroke-width="2" />
+  <g font-size="60" fill="blue" stroke="red" stroke-width="1" >
+    <text x="100" y="75">Normal text</text>
+    <text x="100" y="165" text-decoration="line-through" >Text with line-through</text>
+    <text x="100" y="255" text-decoration="underline" >Underlined text</text>
+    <text x="100" y="345" text-decoration="underline" >
+      <tspan>One </tspan>
+      <tspan fill="yellow" stroke="purple" >word </tspan>
+      <tspan fill="yellow" stroke="black" >has </tspan>
+      <tspan fill="yellow" stroke="darkgreen" text-decoration="underline" >different </tspan>
+      <tspan fill="yellow" stroke="blue" >underlining</tspan>
+    </text>
+  </g>
+</svg>

bgrabitmap/test/testsvg/svg/24.6 text span 6.svg

@@ -0,0 +1,25 @@
+<svg width="12cm" height="3.6cm" viewBox="0 0 1000 300" version="1.1"
+     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <path id="MyPath"
+          d="M 100 200 
+             C 200 100 300   0 400 100
+             C 500 200 600 300 700 200
+             C 800 100 900 100 900 100" />
+  </defs>
+  <use xlink:href="#MyPath" fill="none" stroke="red"  />
+  <text font-family="Verdana" font-size="42.5" fill="blue" >
+    <textPath xlink:href="#MyPath">
+      We go 
+      <tspan dy="-30" fill="red" >
+        up
+      </tspan>
+      <tspan dy="30">
+        ,
+      </tspan>
+      then we go down, then up again
+    </textPath>
+  </text>
+  <rect x="1" y="1" width="998" height="298"
+        fill="none" stroke="blue" stroke-width="2" />
+</svg>

bgrabitmap/test/testsvg/svg/24.7 text path.svg

@@ -0,0 +1,15 @@
+<svg width="200" height="200" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+
+  <!-- to hide the path, it is usually wrapped in a <defs> element -->
+  <!-- <defs -->
+  <path id="MyPath" fill="none" stroke="red"
+          d="M10,90 Q90,90 90,45 Q90,10 50,10 Q10,10 10,40 Q10,70 45,70 Q70,70 75,50" />
+  <!-- </defs> -->
+
+  <text>
+    <textPath href="#MyPath">
+      Quick brown fox jumps over the lazy dog.
+    </textPath>
+  </text>
+
+</svg>

bgrabitmap/test/testsvg/svg/24.8 text span center.svg

@@ -0,0 +1,3 @@
+<svg width="460" height="160" style="outline: 1px solid red; font-family: sans serif; font-size: 48px; overflow: visible;" xmlns="http://www.w3.org/2000/svg">  
+  <text x="230" y="65" text-anchor="middle">Text is CENTER<tspan dy="20">E</tspan><tspan dy="-30">D</tspan><tspan dy="10">.</tspan><tspan x="230" y="140">Another line!</tspan></text>  
+</svg>

bgrabitmap/test/testsvg/svg/24.9 text rtl.svg

@@ -0,0 +1,4 @@
+<svg width="460" height="160" style="outline: 1px solid red; font-family: sans serif; font-size: 48px; overflow: visible;" xmlns="http://www.w3.org/2000/svg">  
+  <text x="440" y="65" direction="rtl">اللغة العربية.</text>
+  <text x="440" y="125" direction="rtl">לשון הקודש.</text>    
+</svg>

bgrabitmap/test/testsvg/svg/25.1 circle gradient.svg

@@ -0,0 +1,9 @@
+<svg height="200" width="200">
+  <defs>
+    <linearGradient id="grad1" x1="10%" y1="0%" x2="90%" y2="0%" gradientUnits="userSpaceOnUse">
+      <stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
+      <stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <circle cx="100" cy="100" r="80" stroke="black" stroke-width="3"  fill="url(#grad1)" />
+</svg> 

bgrabitmap/test/testsvg/svg/25.2 circle gradient.svg

@@ -0,0 +1,9 @@
+<svg height="200" width="200">
+  <defs>
+    <linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
+      <stop offset="100%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <circle cx="100" cy="100" r="80" stroke="black" stroke-width="3"  fill="url(#grad1)" />
+</svg> 

bgrabitmap/test/testsvg/svg/25.3 circle gradient.svg

@@ -0,0 +1,10 @@
+<svg height="200" width="200">
+  <defs>
+    <linearGradient id="grad1" x1="0%" y1="20%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:rgb(0,255,0);stop-opacity:1" />
+      <stop offset="50%" style="stop-color:rgb(0,255,255);stop-opacity:1" />
+      <stop offset="100%" style="stop-color:rgb(255,0,255);stop-opacity:0.5" />
+    </linearGradient>
+  </defs>
+  <circle cx="100" cy="100" r="80" stroke="black" stroke-width="3"  fill="url(#grad1)" />
+</svg>  

bgrabitmap/test/testsvg/svg/26.1 rectangle gradient.svg

@@ -0,0 +1,9 @@
+<svg height="110" width="400">
+  <defs>
+    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
+      <stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <rect width="300" height="100" style="fill:url(#grad1);stroke-width:3;stroke:rgb(0,0,0)" />
+</svg> 

bgrabitmap/test/testsvg/svg/26.2 rectangle gradient.svg

@@ -0,0 +1,9 @@
+<svg height="110" width="400">
+  <defs>
+    <linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
+      <stop offset="100%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <rect width="300" height="100" style="fill:url(#grad1);stroke-width:3;stroke:rgb(0,0,0)" />
+</svg> 

bgrabitmap/test/testsvg/svg/26.3 rectangle gradient.svg

@@ -0,0 +1,10 @@
+<svg height="110" width="400">
+  <defs>
+    <linearGradient id="grad1" x1="0%" y1="20%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:rgb(0,255,0);stop-opacity:1" />
+      <stop offset="50%" style="stop-color:rgb(0,255,255);stop-opacity:1" />
+      <stop offset="100%" style="stop-color:rgb(255,0,255);stop-opacity:0.5" />
+    </linearGradient>
+  </defs>
+  <rect width="300" height="100" style="fill:url(#grad1);stroke-width:3;stroke:rgb(0,0,0)" />
+</svg>  

bgrabitmap/test/testsvg/svg/27.1 ellipse gradient.svg

@@ -0,0 +1,9 @@
+<svg height="150" width="400">
+  <defs>
+    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
+      <stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <ellipse cx="200" cy="70" rx="85" ry="55" fill="url(#grad1)" />
+</svg>

bgrabitmap/test/testsvg/svg/27.2 ellipse gradient.svg

@@ -0,0 +1,9 @@
+<svg height="150" width="400">
+  <defs>
+    <linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
+      <stop offset="100%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <ellipse cx="200" cy="70" rx="85" ry="55" fill="url(#grad1)" />
+</svg>

bgrabitmap/test/testsvg/svg/27.3 ellipse gradient.svg

@@ -0,0 +1,10 @@
+<svg height="150" width="400">
+  <defs>
+    <linearGradient id="grad1" x1="0%" y1="20%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:rgb(0,255,0);stop-opacity:1" />
+      <stop offset="50%" style="stop-color:rgb(0,255,255);stop-opacity:1" />
+      <stop offset="100%" style="stop-color:rgb(255,0,255);stop-opacity:0.5" />
+    </linearGradient>
+  </defs>
+  <ellipse cx="200" cy="70" rx="85" ry="55" fill="url(#grad1)" />
+</svg>

bgrabitmap/test/testsvg/svg/27.4 ellipse gradient.svg

@@ -0,0 +1,10 @@
+<svg height="150" width="400">
+  <defs>
+    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
+      <stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <ellipse cx="200" cy="70" rx="85" ry="55" fill="url(#grad1)" />
+  <text fill="#ffffff" font-size="45" font-family="Verdana" x="150" y="86">SVG</text>
+</svg>