html - SVG : I need an SVG file that reads 'TEST' and auto-expands 100% -
this file have.
<svg width="700" height="500"> <g id="layer1"> <text style="font-size:100%;font-family:bitstream vera sans" x="6" y="37" id="">test</text> </g> </svg>
i want test
automatically occupy whole thing somehow. 100% kind of thing.
right text miss-alligned due x , y ordinates.
try setting viewbox
instead of specific width , height:
<svg viewbox="0 0 240 70"> <g id="layer1"> <text style="font-size:100px;font-family:bitstream vera sans" x="0" y="70" id="">test</text> </g> </svg>
note chrome has rendering inconsistencies svg no specific height.
Comments
Post a Comment