阻止浏览器自适应地选择图像插值算法

时间:2014-06-23 04:01:51

标签: css google-chrome css-transitions css-transforms image-scaling

在使用transform缩放元素的过渡(或动画)过程中,Chrome(可能还有其他浏览器)突然改变了插入图像像素的方式。

在转换之前和之后,Chrome使用高质量的插值,看起来很流畅,同时保持清晰度。但是在动画期间,它突然切换到质量较低的算法,使图像看起来有点模糊,这可能是保持帧率高的优化。

就我而言,这种突然的转换是显而易见的,也是不可取的。 我可以使用css请求浏览器不进行此优化吗?

css属性image-rendering似乎没有“强制”高质量渲染的任何属性(默认值auto是唯一的高质量设置)。 Firefox有optimizeQuality设置,这可能是我想要的,但webkit / blink不支持。

理想情况下,我正在寻找能够覆盖现代浏览器的解决方案,尽管IE9时代的浏览器可能会错过。

0 个答案:

没有答案