在Firefox中SVG渲染效果不佳
在Firefox中SVG渲染效果不佳
提问于 2011-04-11 23:14:07
我正在做一个带有滑动轮播<li>的信息图，但是SVG在Firefox中显示为像素化，尽管FF中SVG的bug已经解决了，我想。有人能看到解决这个问题的办法吗？
网址：http://weaver-wp.weavertest.com/radiation-infographic/
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-04-12 00:56:47
您正在将SVG文件缩放到非常大的尺寸：
background-size: 9730px 30000px;
background-position: -7310px -29250px;大多数浏览器不会消除非常大的SVG形状的锯齿，因为它需要太多的图形内存。(这就是我们在Safari和Chrome中看到的。)看起来Firefox实际上是将SVG渲染到画布的大小，然后用图像插值将其放大到裁剪区域。
两者的修复方法是相同的：
首先裁剪SVG，只使用裁剪后的部分作为背景。
Stack Overflow用户
发布于 2012-01-19 11:46:31
平移/缩放时使用元素的属性。它的性能更高，使用起来也更简单。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5623436
复制相关文章
相似问题
腾讯云开发者
