![Canvas - 绘制图片模糊问题(canvas 生成图片模糊)](https://100zi.50zi.cn/uploadfile/img/15/411/9541b14f9dfc41f2b298f7da3d273bd9.jpg)
Canvas绘制模糊
文章目录
Canvas绘制模糊零、问题背景与解决思路一、涉及到的Api1.关于window.devicePixelRatiocanvas出现模糊的原因第一块屏幕测试 window.devicePixelRatio 的值(微软系统)第二块屏幕测试 window.devicePixelRatio 的值(mac系统) 2.关于Window.matchMedia() 二、解决方法(canvas绘制图片模糊)1.图片代码如下(记得查看注释)2.canvas效果图(图片处理前):3.canvas效果图,与原来的画质没区别(图片处理后):4.canvas清晰度处理代码如下(文字,绘制图形)<