Html 如何防止在svg.js中保留纵横比

我尝试使用svg.js（）渲染矩形，并且在调整父窗口/窗口的大小时不保留纵横比。它适用于普通svg元素，但不适用于svg.js元素：

on（文档'DOMContentLoaded'，函数（）{
var draw=SVG（“绘图”）
var rect=draw.rect（300,50）.move（0,0）.fill（'ff0000'）；
绘制视图框（0,0,300,55）；
draw.attr（'preserveAspectRatio'，'none'）；
})
SVGTest
绘画
{
宽度：100%；
高度：50px；
}

您已经在普通svg元素中将高度设置为

100px

。默认情况下，svg.js将svg设置为

width=“100%”height=“100%”

只需更改svg.js生成的svg高度以匹配内联svg

draw.viewbox(0, 0, 300, 55).height('100px');

draw.viewbox(0, 0, 300, 55).height('100px');