Css 停止浏览器自适应选择图像插值算法_Css_Google Chrome_Css Transitions_Css Transforms_Image Scaling

Css 停止浏览器自适应选择图像插值算法

css google-chrome

Css 停止浏览器自适应选择图像插值算法,css,google-chrome,css-transitions,css-transforms,image-scaling,Css,Google Chrome,Css Transitions,Css Transforms,Image Scaling,在使用transform缩放元素的转换（或动画）过程中，Chrome（可能还有其他浏览器）会突然改变它们插值图像像素的方式在过渡前后，Chrome使用了高质量的插值，看起来很平滑，同时保留了锐度。但在动画过程中，它突然切换到一种较低质量的算法，使图像看起来稍微模糊，这可能是为了保持较高的帧率而进行的优化在我的例子中，这种突然的转变是明显的，也是不可取的我可以使用css请求浏览器不进行此优化吗？ css属性图像渲染似乎没有任何“强制”高质量渲染的属性（默认的自动，是唯一的高质量设置）。Fire

在使用

transform

缩放元素的转换（或动画）过程中，Chrome（可能还有其他浏览器）会突然改变它们插值图像像素的方式

在过渡前后，Chrome使用了高质量的插值，看起来很平滑，同时保留了锐度。但在动画过程中，它突然切换到一种较低质量的算法，使图像看起来稍微模糊，这可能是为了保持较高的帧率而进行的优化

在我的例子中，这种突然的转变是明显的，也是不可取的我可以使用css请求浏览器不进行此优化吗？

css属性

图像渲染

似乎没有任何“强制”高质量渲染的属性（默认的

自动

，是唯一的高质量设置）。Firefox有一个

optimizeQuality

设置，这可能是我想要的，但webkit/blink不支持

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