如何让Firefox中大图像的比例转换更加顺畅？ （比如Chrome）

Question

我有一个麻烦，当我需要旋转大图像（大约3000 - 5000px），已经缩放到0.1 - 在Firefox中它不顺利。我认为，这取决于Firefox渲染引擎，因为在Chrome，Opera和Safari中一切都还可以。 您如何看待，是否有可能在FF中做同样的事情？

以下是jsfiddle（您需要将鼠标悬停在FF中的圆圈上）。

.item {
    width: 3000px;
    height: 3000px;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    transition: all 5s linear;
}

.item:hover {
   -webkit-transform: rotate(100deg) scale(0.1);
   transform: rotate(100deg) scale(0.1);
}

Answer 1

检查图像渲染css属性： https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering

不幸的是，默认设置是Firefox上最优化的，正如你所说的，这个任务是由浏览器本身处理的，所以你几乎无能为力。