diff --git a/test/images/tag.svg b/test/images/tag.svg
index f38ca4d8..31356894 100644
--- a/test/images/tag.svg
+++ b/test/images/tag.svg
@@ -1,8 +1,48 @@
-<svg width="1000" height="1000" viewBox="0 0 1000 1000"
-	xmlns="http://www.w3.org/2000/svg">
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!ELEMENT_NAME>
+<?xml version="1.0" encoding="UTF-8"?>
+<!--comment-->
+<svg width="1000" height="1000" xmlns="http://www.w3.org/2000/svg">
+    <g color="green">
+        <symbol id="sym1" width="10" height="10" viewBox="0 0 2 2" preserveAspectRatio="none">
+            <use href="#rect2" fill="currentColor"/>
+        </symbol>
+        <symbol id="sym2" width="10" height="15" viewBox="0 0 2 2" preserveAspectRatio="xMidYMax slice">
+            <circle cx="1" cy="1" r="1" id="myCircle" fill="url(#grad1_1)" stroke="currentColor"/>
+        </symbol>
+        <symbol id="sym3" width="10" height="15" viewBox="0 0 2 2" preserveAspectRatio="xMaxYMin meet">
+            <use href="#myLine"/>
+        </symbol>
+        <symbol id="sym4" width="10" height="15" viewBox="0 0 2 2" preserveAspectRatio="xMaxYMax meet">
+            <ellipse cx="0" cy="1" rx="1" ry="0.5" fill="url(#grad2)" stroke="url(#grad2_1)" stroke-width="0.05" id="myElipse" clip-path="url(#myClip)" opacity="0.5" transform="translate(0,0)"/>
+        </symbol>
+    </g>
+    <symbol id="sym5" overflow="visible" viewBox="0 0 1000 1000" width="2" height="2" preserveAspectRatio="xMidYMid meet">
+       <circle cx="800" cy="10" r="10"/>
+       <circle cx="820" cy="10" r="10"/>
+    </symbol>
+    <symbol id="sym6" class="mySymbol" transform="scale(2)" viewBox="0 0 1000 1000" width="2" height="2" preserveAspectRatio="xMidYMin slice">
+       <circle cx="840" cy="10" r="10"/>
+       <circle cx="860" cy="10" r="10"/>
+    </symbol>
+    <g class="myFill">
+       <circle cx="880" cy="10" r="10"/>
+       <circle cx="900" cy="10" r="10"/>
+    </g>
+    <rect x="2" y="2" width="10" height="10" style="fill: red" class="mineStyle2"/>
+    <rect x="110" y="0"/>
+    <use href="#myPolygon" fill="currentColor"/>
+    <use href="#myPolyline"/>
+    <use href="&nbsp;#sym1&nbsp;" x="5" y="5em" transform="scale(2)" style="opacity:0.8;fill-opacity:1e12;stroke-opacity:1.175494351e-38;stroke-width:.e" />
+    <use href="#sym2" x="5" y="5" transform="scale(10) " style="opacity:0.7;fill-opacity:inf;stroke-opacity:infinity;stroke-width:nan" />
+    <use href="#sym3" x="+5" y="5" transform="scale(10)" style="opacity:0.9;" />
+    <use href="#sym4" x="5" y="5" transform = "scale(1e+1) rotate(-10)" style="opacity:1.0" />
+    <use href="#sym5"/>
+    <use href="#sym6" transform="scale(0.5)"/>
 	<g fill="url(#grad1)" mask="url(#vg)" transform="rotate(0 0 0) translate(2 0) scale(1.0)" style="color:blue">
 		<path d="M420.82388 380H588.68467V422.805317H420.82388Z" stroke-width="0" stroke-dasharray="100%" stroke-dashoffset="0" />
-		<path d="m420.82403 440.7101v63.94623l167.86079 25.5782V440.7101Z" style="opacity:0.9;color:black;fill:red;fill-rule:evenodd;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.9;stroke:black;display:inline;" transform="matrix(1,0,0,1,20,0)"/>
+		<path d="m420.82403 440.7101v63.94623l167.86079 25.5782V440.7101Z" style="opacity:0.9;color:black;fill:red;fill-opacity:0.5;fill-rule:evenodd;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.9;stroke:black;display:inline;paint-order: stroke; " transform="matrix(1,0,0,1,20,0)" id="path1"/>
+        <use href="#path1" transform="translate(10,10)"/>
 		<path d="M420.82403 523.07258V673.47362L588.68482 612.59701V548.13942Z"/>
 		<g stroke-width="3.864492">
 			<path d="M256.61221 100.51736H752.8963V386.99554H256.61221Z"/>
@@ -19,13 +59,14 @@
 		<g></g>
 		<polyline fill="none" stroke-width="10" 
             points="0,0 1000,0 1000,1000 0,1000" />
-		<line x1="0" y1="0" x2="1000" y2="0" stroke="" />
+		<line x1="0" y1="0" x2="1000" y2="0" stroke="" id="lineId"/>
 		<path d="M647.5 800C692.5 786 730 786 775 800S857.5 814 902.5 800" stroke="#222f35" stroke="url(#grad1)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="white"/>
 		<path d="M647.5 800Q711.25 786 775 800T902.5 800" stroke="#222f35" stroke="url(#grad2)" stroke-width="2" stroke-dasharray="20 10" stroke-linecap="square" stroke-linejoin="bevel" fill="white"/>
 	</g>
 	<image href="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTAgNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBmaWxsPSIjMjIyZjM1IiBjeD0iNTAlIiBjeT0iNTAlIiByPSI1MCUiLz48L3N2Zz4=" height="50" width="50" x="650" y="875" />
 	<image href="data:image/svg+xml;utf8,%3Csvg viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23222f35' cx='50%25' cy='50%25' r='50%25'/%3E%3C/svg%3E" height="50" width="50" x="725" y="875" />
-	<image href="data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2050%2050%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20fill%3D%22%23222f35%22%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%2250%25%22%2F%3E%3C%2Fsvg%3E" height="50" width="50" x="800" y="875" />
+	<image href="data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2050%2050%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20fill%3D%22%23222f35%22%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%2250%25%22%2F%3E%3C%2Fsvg%3E" height="50" width="50" x="800" y="875" id="img" transform="translate(-17,10)"/>
+    <use href="#img" transform="translate(57,-10)"/>
 	<path d="M885.834 872.086A45 45 0 1 1 885.834 919.815L909.698 895.95Z" fill="#223" opacity="0.6" stroke-linejoin="miter" stroke-linecap="round" id="man"/>
 	<use href="#man" x="0" y="0" />
 	<defs>
@@ -33,20 +74,51 @@
 			<stop offset="0%" stop-color="#50585d"/>
 			<stop offset="100%" stop-color="#252f35"/>
 		</linearGradient>
+        <linearGradient href="#grad1" id="grad1_1" gradientUnits="userSpaceOnUse"/>
 		<radialGradient id="grad2" cx="100%" cy="0.25" fx="0.5" fy="0.5" r="1.5" gradientTransform="scale(0.2)" spreadMethod="reflect">
 			<stop offset="0%" stop-color="#252f35" stop-opacity="80%"/>
 			<stop offset="100%" style="stop-color:#000000;stop-opacity:1;"/>
 		</radialGradient>
-		<mask id="vg">
+        <radialGradient href="#grad2" id="grad2_1" gradientUnits="userSpaceOnUse"/>
+		<mask id="vg" mask-type="alpha" maskContentUnits="userSpaceOnUse">
 			<circle style="stroke: black;" cx="50%" cy="50%" r="50%" />
 			<rect fill="white" x="0" y="0" width="100%" height="100%" />
 			<path fill="black" d="m280 140h15v55l8 10 8-10v-55h15v60l-23 25-23-25z"/>
 			<path fill="rgb(0,0,0)" d="m335 140v80h45v-50h-25v10h10v30h-15v-57h18v-13z"/>
-		</mask>
+        </mask>
 		<clipPath id="clip">
 			<ellipse cx="50%" cy="50%" rx="50%" ry="50%" />
 			<rect x="0%" y="0%" width="1000" height="1000" />
 			<polygon points="0,0 1000,0 1000,1000 0,1000" />
 		</clipPath>
+        <clipPath id="myClip">
+			<rect x="0%" y="0%" width="1" height="1"/>
+		</clipPath>
+        <rect x="0" y="0" width="10" height="10" id="rect2" class="mineStyle1"/>
+        <polygon points="0,100 50,25 50,75 100,0" fill="black" id="myPolygon"/>
+        <polyline points="0,100 50,25 50,75 100,0" transform="translate(0, 0)" id="myPolyline"/>
+        <style>
+          <![CDATA[
+            rect.mineStyle2 {
+                fill: grey; stroke: #000000; stroke-width: 4; transform: scale(2); clip-path: url(#clip)
+            }
+            rect {
+                fill: #00cc00; stroke: #99ff33; stroke-width: 5;
+            }
+            symbol {
+                fill: #ff00ff;
+            }
+            symbol.mySymbol {
+                fill: #ffff00;
+            }
+            .myFill {
+                fill: #0000ff;
+            }
+            rect.mineStyle1 {
+                fill: blue; stroke: #3399ff; fill-opacity: 0.7; stroke-opacity: 0.9; fill-rule: evenodd; stroke-width: 1; stroke-dasharray: 1; opacity: 0.9; stroke-linejoin: miter; stroke-linecap: butt; transform: scale(1); clip-path: url(#none); mask: url(#none);
+            }
+          ]]>
+        </style>
+        <line x1="0" y1="0" x2="100" y2="150" stroke="black" id="myLine" stroke-width="0.1"/>
 	</defs>
 </svg>
diff --git a/test/images/tag.tvg b/test/images/tag.tvg
index ac023e7b..d87f2db8 100644
Binary files a/test/images/tag.tvg and b/test/images/tag.tvg differ