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