search

shrhdk / text-to-svg

Convert text to SVG path without native dependence.
Other
964 stars 131 forks source link

SVG viewBox #62

Closed EvilJordan closed 11 months ago

EvilJordan commented 3 years ago

Instead of outputting the width and height in the <svg> tag, use viewBox to allow for easy scaling when the svg is placed inside a parent element.

From: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="200"> To: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 200">

Now, one can write:


<div style="width: 100vw;">
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 200">...<svg>
</div>