按比例禁用SVG自动缩放

时间:2014-09-04 16:10:18

标签: javascript html css svg d3.js

我使用$(window).resize()事件来调整我使用D3生成的SVG图表的大小。我计算父级的宽度并设置SVG元素宽度等于它并保持高度始终相同,因此图表的宽度会发生变化但高度保持不变。 我注意到SVG元素的实际大小与widthheight属性中设置的大小不同。如果屏幕较宽,则会在底部隐藏一些内容,如果屏幕很窄,则会显示内容。

如何使SVG与我在属性中设置的大小相同,以使比例精确?

更新:在任何SVG图像上都可以看到相同的行为,例如http://www.svgopen.org/2003/papers/WhyCompileSvg/myButterfly.png,当您调整窗口大小时,它会使图像按比例调整大小。我想禁用此行为,因为我明确设置了width和height属性。

0 个答案:

没有答案