Skip to content

Instantly share code, notes, and snippets.

@roundrobin
Created February 4, 2013 06:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save roundrobin/4705307 to your computer and use it in GitHub Desktop.
Save roundrobin/4705307 to your computer and use it in GitHub Desktop.
Tributary inlet
{"description":"Tributary inlet","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01}
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Testcase for tspan with ancestor rotate attribute and textPath</title>
<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=333698 -->
<defs>
<path id="path" d="M 50 20 l 50 10 l 50 -10" fill="none" stroke="black"/>
</defs>
<g>
<use xlink:href="#path"/>
<text rotate="90 45 -45 180"><textPath xlink:href="#path"><tspan><tspan>a</tspan>b<tspan>cde</tspan>f</tspan></textPath></text>
</g>
<g transform="translate(0, 50)">
<use xlink:href="#path"/>
<text rotate="90 45 -45 180"><textPath xlink:href="#path" startOffset="33%"><tspan><tspan>a</tspan>b<tspan>cde</tspan>f</tspan></textPath></text>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment