放大铬时SVG消失

Question

我在Chrome上加载了一个包含多个SVG的页面。 当我放大/退出其中一个SVG正在消失时，我不知道为什么会发生这种情况。

（即使我缩放到默认值，它也会保持这种状态）

任何想法？

如果你想亲自试用，这是网址

http://www.facegift.co.il/canvas/?userItemId=17887&sc=987404&print=1&width=1500&pageNum=7

Answer 1

这不是Chrome中的错误。这是您网页中的错误。

页面上的所有id属性都必须是唯一的。但是在你的页面上，它们不是。

该植物繁荣的<linearGradient>标识为"SVGID_2_"。页面上还有一个<clipPath>元素id="SVGID_2_"。

修复该问题（以及任何其他重复的ID），我确信事情将开始起作用。

然后您还应删除Chrome错误报告。

Answer 2

我在Chrome中遇到了一个非常类似的问题，因为其中一个元素具有transform属性：

transform="translate(0,-9000000000)"

这让Chrome变得疯狂。解决方案是隐藏或删除元素。