javascript - 将 SVG 限制为 div 边界

标签 javascript html svg raphael

我正在尝试使用 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/

相关文章:

javascript - 哪一个被认为是表的规范 jQuery 插件

javascript - 将鼠标悬停在 svg map 上时突出显示表格

javascript - 重叠 SVG 元素区域填充的最佳方法是什么?

javascript - SVG 过滤器性能问题

javascript - If/Else/Switch 返回错误结果

javascript - 不允许窗口将顶层框架导航导航到数据 URL

html - 如何在 Bootstrap 列之间添加左右填充

html - 样式选择文本溢出

php - 如何在使用 PHP 中的 javascript 加载页面时加载带有值的 html <select>?

javascript - 悬停滑动选项卡机制