关闭嵌入在SVG图像中的位图图像的抗锯齿

Question

我在SVG图像中嵌入了PNG图像。如何关闭嵌入图像的抗锯齿？ （或者，关闭包括嵌入图像在内的所有内容？）

我尝试过设置shape-rendering =＆＃34; crispEdges＆＃34;在图像对象上，但是当我使用Chrome或Inkscape放大时，我仍然可以看到模糊的边缘。

由于

Answer 1

形状渲染用于形状，即线条和圆形。图片有自己的属性image-rendering。你需要这样的东西......

    image-rendering: -moz-crisp-edges;
    image-rendering: pixelated;