R
RC
First, this is a SVG issue, not 100% of XML issue. But I can't find
SVG group to post this. Since SVG is XML file, I post here hopefully
someone know both SVG and XML can help.
Here is my SVG lines
line.blue {stroke:blue;stroke-width:3;}
line.bluedash {stroke:blue;stroke-width:1;stroke-dasharray: 9,5;}
<defs>
<g id="dashLine">
<desc>Dash Line</desc>
<line class="bluedash" x1="0" y1="-280" x2="-280" y2="0" />
</g>
<g id="arrow" stroke="blue" transform="translate(0,0)">
<line class="blue" x1="0" y1="-280" x2="0" y2="280" />
<use xlink:href="#dashLine" />
<use xlink:href="#dashLine" transform="scale(-1,1)" />
<text x="0" y="-280">Arrow</text>
</g>
</defs>
<use xlink:href="#arrow" transform="rotate(180, 0, 0)" />
Now, I rotate the arrow by 60 degrees, but the text also rotate
( read upside down).
I would like rotate the arrow in any degrees, but the text remain
zero degree rotation.
Any idea how do I resolve this problem?
Thank Q very much in advance!
SVG group to post this. Since SVG is XML file, I post here hopefully
someone know both SVG and XML can help.
Here is my SVG lines
line.blue {stroke:blue;stroke-width:3;}
line.bluedash {stroke:blue;stroke-width:1;stroke-dasharray: 9,5;}
<defs>
<g id="dashLine">
<desc>Dash Line</desc>
<line class="bluedash" x1="0" y1="-280" x2="-280" y2="0" />
</g>
<g id="arrow" stroke="blue" transform="translate(0,0)">
<line class="blue" x1="0" y1="-280" x2="0" y2="280" />
<use xlink:href="#dashLine" />
<use xlink:href="#dashLine" transform="scale(-1,1)" />
<text x="0" y="-280">Arrow</text>
</g>
</defs>
<use xlink:href="#arrow" transform="rotate(180, 0, 0)" />
Now, I rotate the arrow by 60 degrees, but the text also rotate
( read upside down).
I would like rotate the arrow in any degrees, but the text remain
zero degree rotation.
Any idea how do I resolve this problem?
Thank Q very much in advance!