SVG <img/>关闭插值？

Question

我有一个3x3 PNG嵌入图像（颜色为白 - 黑 - 红 - 绿 - 黄 - 蓝 - 品红 - 青 - 白），我希望在更大的区域内显示而不进行插值。

可以这样做吗？

Answer 1

SVG具有image-rendering属性。遗憾的是，没有一个值可以保证最近邻插值 - optimizeSpeed是最接近的。 Firefox支持额外的值-moz-crisp-edges，保证最近邻居，我认为Webkit具有-webkit-optimize-contrast，它的功能大致相同。