哆出现在高dpi设备这意味着每平方英寸有更多的像素，如手机平板电脑。当然很多高端台式电脑也有高分辨率高dpi的显示器
canvas在浏览器中嘚缩放原理
如果设置了style中的width、height，那么以其style设置为最终绘制到浏览器的尺寸
也就是说，属性中的宽高并不代表实际宽高所以高dpi下会放大canvas，导致模糊
canvas的width、height属性是canvas的后缓冲尺寸，绘制到浏览器后会根据当前dpi进行缩放
网上搜索canvas 模糊，会有两种解决方法可能现在都不适合了。
这个其实是在3D绘图领域常用的用于处理像素偏移，canvas的2d context已经处理了这方面的问题
这不是完美的解决方案，因为在浏览器的dpi发苼变化时比如用户设置，或者从一个高dpi显示器移动窗口到低dpi显示器时发生（我1080p普通23寸显示器是1.25倍，平板电脑是2.0倍之间拖放窗口就会發生）
以上就是如何解决html5 canvas 绘制字体、图片与图形模糊问题的详细内容，更多请关注php中文网其它相关文章！
CSS3里面加入了一个“-webkit-font-smoothing”属性这个屬性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。加上之后就顿时感觉页面小清晰了
加和不加的区别，看下面的截图
其默认可以支持6个值（如图），暂时我能看到效果的就是三个：
其他的三个我设置了，好像没什么变化大家可以自己在控制台调试看看。
经验内容仅供参考如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士
