canvas模糊事件处理

不知道大家项目中有没有用到canvas时还有时候会出现模糊的情况;

具体推测可能是屏幕改变了,然而canvas的渲染对象并没有跟着一起变;

这里简单介绍个对象,window.devicePixelRatio→详细介绍http://www.zhangxinxu.com/wordpress/2012/08/window-devicepixelratio/

window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips))的比例。
公式表示就是:window.devicePixelRatio = 物理像素 / dips

var scale = window.devicePixelRatio;

具体用到canvas里的时候就是所有的长度单位都要乘以这个scale变量就能解决了;

原文地址:https://www.cnblogs.com/qiuzhimutou/p/5774501.html