javascript - 如何缩放包含 SVG 的 div?

标签 javascript svg raphael scaling

我有一个 <div>页面上带有 SVG 的元素。有时在程序执行期间,包含 div 的大小和位置会发生变化。不幸的是,SVG 跟随 div 但不随它缩放。当包含元素的大小发生变化时,如何使 SVG 变大或变小?

我使用 Raphael 库创建 SVG,使用 jQuery 进行事件和 DOM 操作。

最佳答案

您可以使用 setViewBox() http://raphaeljs.com/reference.html#Paper.setViewBox

但是,如果您使用它进行缩放,将不再是 1:1 单位:像素比例。

关于javascript - 如何缩放包含 SVG 的 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5743677/

相关文章:

javascript - 更新对象数组中值的更好方法

javascript - 将全局变量传递到函数的范围

javascript - 鼠标悬停时居中图像

html - svg 图像比位图更难在浏览器中渲染吗?

javascript - 如何将 Svg Circle 放在页面中间

javascript - 如何用JavaScript解压SVGZ?

javascript - 将 SVG 和 .JPG 合并为一张图像?

javascript - 函数没有被执行。滚动事件监听器

javascript - Raphael.js 点击事件

jquery - Raphael.js 如何在 Raphael.js 中使用 CSS 文件?