本文主要介绍了canvas绘图不清晰的解决方案，具有很好的参考价值，下面跟着小编一起来看下吧

现象描述 　　同样大小的图片（60x60px）用canvas和DOM绘制，结果发现canvas的画面质量要差很多。结果如下图所示。 　　上图中，左侧红框中的金币采用DOM绘制，右侧和下方的金币和文字等使用canvas绘制，结果canvas绘制的图片模糊不清。 原因分析 　　假设dpr = 2；图片大小为60x60px;对dpr有一定的了解基础。 　　1.DOM呈现图片过程 　　图片——》浏览器css像素（显示尺寸）——》屏幕实际像素 　　60×60              30×30