web-component-designer
web-component-designer copied to clipboard
Rotated SVG Paths could not be edited
sample code:
<svg width="395" height="110" id="Animation Heizkreise" style="position:absolute;left:623px;top:142.452px;transform:rotate(-90deg);">
<defs>
<linearGradient id="MyGradientFullFBH" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="red"></stop>
<stop offset="50%" stop-color="lightblue"></stop>
<stop offset="100%" stop-color="#0101DF"></stop>
</linearGradient>
</defs>
<g transform="scale(1)">
<g>
<path d=" M255,10 L320,10
A10,10 0 0,0 320,10
A10,10 0 0,0 320,10 l50 0
A10,10 0 1,1 370,39 l-50 0
A10,10 0 0,0 320,61 l50 0
A10,10 0 1,1 370,90 l-300 0
" fill="none" stroke-width="8" stroke-dasharray="15 5" stroke="url(#MyGradientFullFBH)" bind-class:loading="0_userdata.0.testbool"></path>
<defs>
<linearGradient id="MyGradientFull1FBH" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="red"></stop>
<stop offset="100%" stop-color="darkred"></stop>
</linearGradient>
</defs>
</g>
</g>
</svg>