【发布时间】：2016-03-26 06:38:45
【问题描述】：
我在 SVG 图像中嵌入了一个 PNG 图像。如何关闭嵌入图像的抗锯齿功能？ （或者，对包括嵌入图像在内的所有内容都关闭它？）
我尝试在图像对象上设置 shape-rendering="crispEdges"，但是当我使用 Chrome 或 Inkscape 放大时，我仍然可以看到模糊的边缘。
谢谢
【问题讨论】：
标签： svg png antialiasing
【发布时间】：2016-03-26 06:38:45
【问题描述】：
shape-rendering 用于形状，即线条和圆形。图片有自己的属性image-rendering。你需要这样的东西......
image-rendering: -moz-crisp-edges;
image-rendering: pixelated;
【讨论】：
-
您链接到了一篇关于 HTML 而不是 SVG 的文章。另外，这个属性是否有非 CSS 等价物？
-
Robert 链接到一篇 CSS 文章。 HTML 和 SVG 都可以使用 CSS 设置样式。然而，并非所有 CSS 属性都适用于两者如果您想使用样式属性而不是 CSS，只需使用
image-rendering="pixelated"。如果您需要支持所有浏览器，请同时包含两者。 -
对不起，我看到的第一个参考没有显示“像素化”作为选项。 developer.mozilla.org/en-US/docs/Web/SVG/Attribute/…