css 图像渲染：Crisp-edge和smooth值在Chrome中报告无效的属性值

tmb3ates 于 2023-02-10 发布在其他

关注(0)|答案(3)|浏览(230)

为什么我会看到这个？crisp-edges和smooth应该是image-rendering属性的有效值，根据每个资源...
我都用过了：

img {
    image-rendering: smooth;
}

img {
   image-rendering: crisp-edges;
}

我得到：

使用Chrome版本92.0.4515.131。在Firefox中工作正常。
是的，两个连字符（名称和值中）都出现在正确的位置。
这似乎是Chrome中的一个bug，但我想确定不是我。

css

来源：https://stackoverflow.com/questions/68770680/image-rendering-crisp-edges-and-smooth-values-report-invalid-property-value-in

3条答案

按热度按时间

2ledvvac1#

在撰写本文时，Chrome（92.0.4515.159）不支持image-rendering: crisp-edges;，但它确实支持image-rendering: pixelated;。
另一方面，Firefox（91.0.2）支持image-rendering: crisp-edges;，但不支持image-rendering: pixelated;。
image-rendering的这些新值仍然是一个候选建议，这可能解释了为什么浏览器对它们的支持不一致。希望一旦它成为一个实际的建议，浏览器供应商将急于实现对它的全面支持。
要了解更多关于不同的图像渲染模式根据规范应该做些什么，以及它与浏览器今天实际实现的有什么不同，请参见the MDN docs。
您可能还会对Chromium issue tracking support for crisp edge rendering感兴趣。