1

我正在使用 Raphael 在页面上绘制一些形状。<svg>已经设置为并且{ width:100%; height:600px }工作正常。当我调整浏览器宽度时,我想调整里面的形状<svg>以适应新的宽度。理想情况下,这应该自动发生;必须手动缩放 window.resize 上的每个形状和路径似乎是错误的。

我知道百分比在路径字符串中是非法的,但这基本上是我想要做的:

var r = Raphael('container', '100%', 600);
r.path("M0,0 L0,0 55%,0 100%,61z")
4

1 回答 1

0

您应该首先为纸张和路径使用绝对宽度和高度。您还需要使用setViewBox().

从那里,您使用 CSS 将宽度设置div#container为 100%。您可能还需要设置bodyhtml因此:

body,
html {
margin: 0;
width: 100%;
}
于 2013-02-14T22:49:45.340 回答