我正在尝试使用 Raphael 在 div 上将多个多边形显示为 SVG 图像。虽然,我已经设置了 div Raphael 获取的大小作为创建纸张对象的参数,但 div 元素的大小不受尊重,并且图像绘制在 div 边界之外(我以某种方式理解,因为多边形坐标超出 div 边界)。
有没有办法让 SVG 表现得像普通图像一样,一旦浏览器窗口大小发生变化,它就会自动缩放,并防止 SVG 绘制在 div 边界之外(就像行为一样)?
干杯, 最大
最佳答案
要使 Raphael 的元素填充包含元素(听起来像您想要的),请使用:
var paper = Raphael("someElement", "100%", "100%");
我只在 Firefox 和 Chrome 上测试过它,但似乎工作正常。
关于javascript - 将 SVG 限制为 div 边界,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3126458/