放大镀铬时，SVG消失 [英] SVG disappear when zoom in on chrome

查看：213 发布时间：2018/5/8 17:40:00 google-chrome svg

本文介绍了放大镀铬时，SVG消失的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

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

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

有什么想法？

如果您想亲自尝试，则为网址

解决方案

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

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

< linearGradient> code> SVGID_2 _。在 id =SVGID_2 _。

$的页面上也有一个< clipPath> 元素。 b
$ b

解决这个问题（和任何其他重复的id），我肯定会开始工作。

然后，你也应该删除你的Chrome bug报告。

I've loaded a page with multiple SVGs on chrome. when I zoomin/out one of the SVG is disappearing and I have no idea why this is happening.

(and it stays like this even when I zoom back to default)

any ideas?

this is the url if you want to try it yourself

解决方案

This is not a bug in Chrome. This is a bug in your page.

All the id attributes on the page have to be unique. But on your page, they are not.

The <linearGradient> for that botanical flourish has the id "SVGID_2_". There is also a <clipPath> element on the page with id="SVGID_2_".

Fix that problem (and any other duplicate ids) and I am certain things will start working.

Then you should also delete your Chrome bug report.

这篇关于放大镀铬时，SVG消失的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文