javascript - 如何更改 viewBox 以将 svg 中的元素居中

标签 javascript svg raphael

我有一个 svg map ,其中包含一堆圆圈,单击圆圈时我想让圆圈成为 Canvas 的中心。我正在使用 RaphaelJS 来处理 svg。

我尝试过paper.setViewBox(width/2 - cx, height/2 - cy, width, height, true),其中cxxy 是我的 svg 文件中所选圆的坐标,但它不起作用。

最佳答案

我认为你的计算是错误的。我希望它是:

paper.setViewBox(cx - width / 2, cy - height / 2, width, height, true)

关于javascript - 如何更改 viewBox 以将 svg 中的元素居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40129530/

相关文章:

javascript - 拉斐尔,鼠标悬停和鼠标移开

javascript - Angular js 非常简单的例子

java - 如何在服务器端 Java 中使用 D3.js 或 Raphaël 等 JavaScript 图表库

javascript - 匹配嵌套对象 JS、jQuery 中的值的最佳方法

SVG 图像的 Firefox 中不显示 CSS 轮廓属性?

javascript - 在 SVG 元素上动态添加 onclick

css - Svg 不会使用已安​​装的网络字体

text - 如何动态更改文本对象(RaphaelJS)?

javascript - 如何阻止 jQuery 自动完成在多个值选项中自动建议完整数组

javascript - 将图像从一个 Canvas 上下文添加到另一个 Canvas 上下文