【问题标题】:How to change viewBox to center an element in svg如何更改 viewBox 以使 svg 中的元素居中
【发布时间】:2017-02-28 23:36:51
【问题描述】:

我有一个包含一堆圆圈的 svg 地图,单击一个圆圈我想让圆圈成为画布的中心。我正在使用 RaphaelJS 来处理 svg。

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

【问题讨论】:

  • 你能分享一个工作的例子吗?
  • 我已经在尝试自己找一个了。

标签: javascript svg raphael


【解决方案1】:

你的计算在我看来是错误的。我希望它是:

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

【讨论】:

  • cx - (settings.vb.width / 2), cy - (settings.vb.height / 2)
猜你喜欢
  • 2017-08-14
  • 2021-03-31
  • 2018-02-04
  • 2014-08-19
  • 2012-05-01
  • 1970-01-01
  • 1970-01-01
  • 2017-05-10
相关资源
最近更新 更多