css - HTML SVG with viewBox and preserveAspectRatio xMinYMin meet incorrect shape in Chrome -
i want svg 4:1 width:height size, absolute size changing according browser window size. need aspect ratio of coordinate space within svg 1:1.
the following achieves want in firefox, showing blue svg background 4:1 ratio (eg. 1000 x 250px, depending on window size). however, in chrome, ratio not observed , svg/visible background eg. 1000 x 570px.
<body> <div id="svgdiv" style="background:aliceblue; max-width:100%"> <svg preserveaspectratio="xminymin meet" viewbox="0 0 100 25"> </svg> </div> </body> is bug in chrome, or have misunderstood usage? how can obtain want in chrome?
Comments
Post a Comment