1. 首页
  2. 数据库
  3. 其它
  4. canvas绘图不清晰的解决方案

canvas绘图不清晰的解决方案

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