一些浏览器(特别是基于webkit的)采取的快照缩放区域就放在硬件合成层(比如当你申请转换)。该快照作为纹理的缩放区域,它几乎不能被更新。这意味着您的纹理将基于scale 1进行缩放,将导致文本和图像模糊,清晰度低。
一个简单的解决方案是使用实际分辨率双倍(或者三倍)装载内容,然后 放到一个按照scale(0.5)比例缩小的div中。这种方法大多数情况下能适用。
参考链接:
今天为了解决这个问题找到的,又学到了。
平时遇到很多图片渲染之后改变图片大小会变模糊都是因为这个原因,先用几倍尺寸渲染后再缩小,可以解决这个问题。
,天下爱情,大抵如斯。