我使用$(window).resize()
事件来调整我使用D3生成的SVG图表的大小。我计算父级的宽度并设置SVG元素宽度等于它并保持高度始终相同,因此图表的宽度会发生变化但高度保持不变。
我注意到SVG元素的实际大小与width
和height
属性中设置的大小不同。如果屏幕较宽,则会在底部隐藏一些内容,如果屏幕很窄,则会显示内容。
如何使SVG与我在属性中设置的大小相同,以使比例精确?
更新:在任何SVG图像上都可以看到相同的行为,例如http://www.svgopen.org/2003/papers/WhyCompileSvg/myButterfly.png,当您调整窗口大小时,它会使图像按比例调整大小。我想禁用此行为,因为我明确设置了width和height属性。