在铬中的SVG像素化 [英] SVG pixelation in chrome

问题描述

这很奇怪。我使用的是SVG图像，因为它的文件尺寸较小，渲染效果和可伸缩性（对象的动画效果相当不错）。它在FF，ie9，Safari和iPad中的工作非常完美，但在某些特定的SVG图像中，渲染效果非常差。 $ b

任何想法为什么会发生这种情况？ svg文件本身非常小。

以下是一些示例svg

http://c975805.r5.cf2.rackcdn.com/rs-grails-r4/passion/social。 svg

http://c975805.r5.cf2.rackcdn.com/rs-grails-r4/passion/social.svg

解决方案

因此，无论如何，这是一个合法的铬错误。并且有一个修复，使svg'更大'，svg文件，内部报告太小导致此错误。

This is very strange. I am using SVG images, because of the low file size, sharp rendering, and scalability ( the objects animate quite a bit ). Its working perfect in FF, ie9, Safari and iPad, but in chrome certain SVG images are rendering very poorly.

Any ideas why this might be happening? The svg files themselves are very small.

Here is some a sample svg

http://c975805.r5.cf2.rackcdn.com/rs-grails-r4/passion/social.svg

http://c975805.r5.cf2.rackcdn.com/rs-grails-r4/passion/social.svg

解决方案

So anyway, this is a legit chrome bug. And there is a fix, make the svg 'larger', svg files that internally report as too small cause this bug.

这篇关于在铬中的SVG像素化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！