Adding image files vtt-2-ttml-mapping
authorAndreas Tai
Thu, 10 Sep 2015 09:27:07 +0200
changeset 964 071afe65dafb
parent 963 1646e0ad8aae
child 965 f093c37d3f30
Adding image files vtt-2-ttml-mapping
ttml-webvtt-mapping/content_in_p.jpg
ttml-webvtt-mapping/content_in_span.jpg
ttml-webvtt-mapping/divMerge.svg
ttml-webvtt-mapping/mixed_content.jpg
ttml-webvtt-mapping/multipleDivElements.svg
ttml-webvtt-mapping/simpleStru.jpg
Binary file ttml-webvtt-mapping/content_in_p.jpg has changed
Binary file ttml-webvtt-mapping/content_in_span.jpg has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/ttml-webvtt-mapping/divMerge.svg	Thu Sep 10 09:27:07 2015 +0200
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-opacity="1" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="410" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" height="200" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12px" stroke-dashoffset="0" image-rendering="auto">
+  <!--Generated by ySVG 2.5-->
+  <defs id="genericDefs"/>
+  <g>
+    <defs id="defs1">
+      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath1">
+        <path d="M0 0 L410 0 L410 200 L0 200 L0 0 Z"/>
+      </clipPath>
+      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2">
+        <path d="M-15 -15 L395 -15 L395 185 L-15 185 L-15 -15 Z"/>
+      </clipPath>
+    </defs>
+    <g fill="white" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="translate(15,15)" stroke="white">
+      <rect x="-15" width="410" height="200" y="-15" clip-path="url(#clipPath2)" stroke="none"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="190" cy="15" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="176.9893" xml:space="preserve" y="19.7139" clip-path="url(#clipPath2)" stroke="none">body</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="190" cy="15"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="15" cy="155" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="8.3262" xml:space="preserve" y="159.7139" clip-path="url(#clipPath2)" stroke="none">p1</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="15" cy="155"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="115" cy="155" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="108.3262" xml:space="preserve" y="159.7139" clip-path="url(#clipPath2)" stroke="none">p3</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="115" cy="155"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="65" cy="155" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="58.3262" xml:space="preserve" y="159.7139" clip-path="url(#clipPath2)" stroke="none">p2</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="65" cy="155"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="315" cy="155" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="308.3262" xml:space="preserve" y="159.7139" clip-path="url(#clipPath2)" stroke="none">p7</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="315" cy="155"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="190" cy="85" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="178.9932" xml:space="preserve" y="89.7139" clip-path="url(#clipPath2)" stroke="none">div1</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="190" cy="85"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="165" cy="155" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="158.3262" xml:space="preserve" y="159.7139" clip-path="url(#clipPath2)" stroke="none">p4</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="165" cy="155"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="265" cy="155" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="258.3262" xml:space="preserve" y="159.7139" clip-path="url(#clipPath2)" stroke="none">p6</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="265" cy="155"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="215" cy="155" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="208.3262" xml:space="preserve" y="159.7139" clip-path="url(#clipPath2)" stroke="none">p5</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="215" cy="155"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="365" cy="155" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="358.3262" xml:space="preserve" y="159.7139" clip-path="url(#clipPath2)" stroke="none">p8</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="365" cy="155"/>
+      <path fill="none" d="M190 30 L190 62" clip-path="url(#clipPath2)"/>
+      <path d="M190 70 L195 58 L190 61 L185 58 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M176.0728 90.5709 L36.355 146.458" clip-path="url(#clipPath2)"/>
+      <path d="M28.9272 149.4291 L41.9258 149.6148 L37.2834 146.0866 L38.2119 140.3301 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M176.9124 92.329 L85.0676 143.7621" clip-path="url(#clipPath2)"/>
+      <path d="M78.0876 147.6709 L91.0007 146.1702 L85.9401 143.2735 L86.1146 137.4452 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M179.0342 95.2348 L131.8143 139.3067" clip-path="url(#clipPath2)"/>
+      <path d="M125.9658 144.7652 L138.1501 140.2327 L132.5453 138.6244 L131.3269 132.9221 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M203.0876 92.329 L294.9324 143.7621" clip-path="url(#clipPath2)"/>
+      <path d="M301.9124 147.6709 L293.8854 137.4452 L294.0599 143.2735 L288.9993 146.1702 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M184.955 99.1261 L172.7357 133.3399" clip-path="url(#clipPath2)"/>
+      <path d="M170.045 140.8739 L178.7898 131.2547 L173.0721 132.3982 L169.3724 127.8913 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M200.9658 95.2348 L248.1857 139.3067" clip-path="url(#clipPath2)"/>
+      <path d="M254.0342 144.7652 L248.6731 132.9221 L247.4547 138.6244 L241.8499 140.2327 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M195.045 99.1261 L207.2643 133.3399" clip-path="url(#clipPath2)"/>
+      <path d="M209.955 140.8739 L210.6276 127.8913 L206.9279 132.3982 L201.2102 131.2547 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M203.9272 90.5709 L343.6451 146.458" clip-path="url(#clipPath2)"/>
+      <path d="M351.0728 149.4291 L341.7881 140.33 L342.7166 146.0866 L338.0742 149.6148 Z" clip-path="url(#clipPath2)" stroke="none"/>
+    </g>
+  </g>
+</svg>
Binary file ttml-webvtt-mapping/mixed_content.jpg has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/ttml-webvtt-mapping/multipleDivElements.svg	Thu Sep 10 09:27:07 2015 +0200
@@ -0,0 +1,132 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-opacity="1" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="359" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" height="270" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12px" stroke-dashoffset="0" image-rendering="auto">
+  <!--Generated by ySVG 2.5-->
+  <defs id="genericDefs"/>
+  <g>
+    <defs id="defs1">
+      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath1">
+        <path d="M0 0 L359 0 L359 270 L0 270 L0 0 Z"/>
+      </clipPath>
+      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2">
+        <path d="M-15 -15 L344 -15 L344 255 L-15 255 L-15 -15 Z"/>
+      </clipPath>
+    </defs>
+    <g fill="white" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="translate(15,15)" stroke="white">
+      <rect x="-15" width="359" height="270" y="-15" clip-path="url(#clipPath2)" stroke="none"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="226.4286" cy="15" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="213.4178" xml:space="preserve" y="19.7139" clip-path="url(#clipPath2)" stroke="none">body</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="226.4286" cy="15"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="15" cy="155" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="8.3262" xml:space="preserve" y="159.7139" clip-path="url(#clipPath2)" stroke="none">p1</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="15" cy="155"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="115" cy="155" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="108.3262" xml:space="preserve" y="159.7139" clip-path="url(#clipPath2)" stroke="none">p3</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="115" cy="155"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="65" cy="155" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="58.3262" xml:space="preserve" y="159.7139" clip-path="url(#clipPath2)" stroke="none">p2</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="65" cy="155"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="226.4286" cy="85" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="215.4217" xml:space="preserve" y="89.7139" clip-path="url(#clipPath2)" stroke="none">div2</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="226.4286" cy="85"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="263.5714" cy="155" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="256.8976" xml:space="preserve" y="159.7139" clip-path="url(#clipPath2)" stroke="none">p7</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="263.5714" cy="155"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="65" cy="85" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="53.9932" xml:space="preserve" y="89.7139" clip-path="url(#clipPath2)" stroke="none">div1</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="65" cy="85"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="189.2857" cy="155" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="181.6158" xml:space="preserve" y="159.7139" clip-path="url(#clipPath2)" stroke="none">div</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="189.2857" cy="155"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="139.2857" cy="225" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="132.6119" xml:space="preserve" y="229.7139" clip-path="url(#clipPath2)" stroke="none">p4</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="139.2857" cy="225"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="239.2857" cy="225" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="232.6119" xml:space="preserve" y="229.7139" clip-path="url(#clipPath2)" stroke="none">p6</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="239.2857" cy="225"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="189.2857" cy="225" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="182.6119" xml:space="preserve" y="229.7139" clip-path="url(#clipPath2)" stroke="none">p5</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="189.2857" cy="225"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="313.5714" cy="85" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="302.5646" xml:space="preserve" y="89.7139" clip-path="url(#clipPath2)" stroke="none">div3</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="313.5714" cy="85"/>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,15,15)" stroke="rgb(255,204,0)">
+      <circle r="15" clip-path="url(#clipPath2)" cx="313.5714" cy="155" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,15,15)" stroke-linecap="butt">
+      <text x="306.8976" xml:space="preserve" y="159.7139" clip-path="url(#clipPath2)" stroke="none">p8</text>
+      <circle fill="none" r="15" clip-path="url(#clipPath2)" cx="313.5714" cy="155"/>
+      <path fill="none" d="M226.4286 30 L226.4286 62" clip-path="url(#clipPath2)"/>
+      <path d="M226.4286 70 L231.4286 58 L226.4286 61 L221.4286 58 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M233.4593 98.2502 L252.791 134.683" clip-path="url(#clipPath2)"/>
+      <path d="M256.5407 141.7498 L255.3329 128.806 L252.3223 133.7996 L246.4994 133.4931 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M212.6667 20.9675 L86.1015 75.8498" clip-path="url(#clipPath2)"/>
+      <path d="M78.7619 79.0325 L91.7605 78.8457 L87.019 75.452 L87.7822 69.6712 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M56.2814 97.206 L28.3685 136.2841" clip-path="url(#clipPath2)"/>
+      <path d="M23.7186 142.794 L34.7621 135.9354 L28.9497 135.4704 L26.6248 130.123 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M65 100 L65 132" clip-path="url(#clipPath2)"/>
+      <path d="M65 140 L70 128 L65 131 L60 128 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M73.7186 97.206 L101.6315 136.2841" clip-path="url(#clipPath2)"/>
+      <path d="M106.2814 142.794 L103.3752 130.123 L101.0503 135.4704 L95.2379 135.9354 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M219.3978 98.2502 L200.0662 134.683" clip-path="url(#clipPath2)"/>
+      <path d="M196.3165 141.7498 L206.3578 133.4931 L200.5349 133.7996 L197.5243 128.806 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M180.5671 167.206 L152.6542 206.2841" clip-path="url(#clipPath2)"/>
+      <path d="M148.0043 212.794 L159.0478 205.9354 L153.2354 205.4704 L150.9105 200.123 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M198.0043 167.206 L225.9172 206.2841" clip-path="url(#clipPath2)"/>
+      <path d="M230.5671 212.794 L227.6609 200.123 L225.336 205.4704 L219.5236 205.9354 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M189.2857 170 L189.2857 202" clip-path="url(#clipPath2)"/>
+      <path d="M189.2857 210 L194.2857 198 L189.2857 201 L184.2857 198 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M238.1229 24.3938 L295.6402 70.5962" clip-path="url(#clipPath2)"/>
+      <path d="M301.8771 75.6062 L295.653 64.1931 L294.8606 69.9699 L289.3904 71.9893 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <path fill="none" d="M313.5714 100 L313.5714 132" clip-path="url(#clipPath2)"/>
+      <path d="M313.5714 140 L318.5714 128 L313.5714 131 L308.5714 128 Z" clip-path="url(#clipPath2)" stroke="none"/>
+    </g>
+  </g>
+</svg>
Binary file ttml-webvtt-mapping/simpleStru.jpg has changed