在使用transform
缩放元素的过渡(或动画)过程中,Chrome(可能还有其他浏览器)突然改变了插入图像像素的方式。
在转换之前和之后,Chrome使用高质量的插值,看起来很流畅,同时保持清晰度。但是在动画期间,它突然切换到质量较低的算法,使图像看起来有点模糊,这可能是保持帧率高的优化。
就我而言,这种突然的转换是显而易见的,也是不可取的。 我可以使用css请求浏览器不进行此优化吗?
css属性image-rendering
似乎没有“强制”高质量渲染的任何属性(默认值auto
是唯一的高质量设置)。 Firefox有optimizeQuality
设置,这可能是我想要的,但webkit / blink不支持。
理想情况下,我正在寻找能够覆盖现代浏览器的解决方案,尽管IE9时代的浏览器可能会错过。