D3.js无法让地图缩放在Webkit浏览器中工作

Question

我有一张地图，点击要放大的区域可以在FireFox中使用，但不能在Chrome，Opera和Safari中使用。 可以在http://tcan.ca/content/tcan-neighbourhood-members

查看地图

任何人都有关于可能导致此问题的建议吗？

Answer 1

您不能直接在webkit中的<svg>元素上使用转换 - 甚至在其他浏览器上，它也不会始终如您所愿。

顶级<svg>元素作为HTML对象位于网页上（类似于<div>）。适用于它的转换被解释为HTML / CSS转换。 CSS转换语法仍未完成，webkit浏览器仅支持带前缀的-webkit-transform版本。

不是处理多个转换语法，而是在<g>中添加<svg>元素，将所有图形内容附加到<g>中，然后在{{{}}上声明您的SVG转换1}}。它适用于支持SVG的所有浏览器。