Log in / Register

Forum › Bugs

svg scaling into viewBox

rsands
We are having issues with scaling a large <svg> into a <svg> with a width and height that is smaller.

We have:

<svg width="132" height="50% viewBox="0 0 132 50">
<svg viewbox="0 0 6000 3000">
data here
</svg>
</svg>

The inner svg isnt scaling down...it continues at 6000 x 3000? Firefox/Chrome/IE etc all scale it perfect but prince isnt scaling it. Any ideas?

Richard
mikeday
This appears to work for me:
<html>
<body>
<svg width="100%" viewBox="0 0 100 50">
<rect x="0" y="0" width="100" height="50" stroke="black" fill="none"/>
<svg viewBox="0 0 1000 500">
<rect x="100" y="100" width="800" height="300" stroke="red" fill="none"/>
</svg>
</svg>
</body>
</html>