如何解决JS Canvas绘图模糊问题？高清图解示例分享。

本文共计272个文字，预计阅读时间需要2分钟。

目录 + 篇章 + 模糊原因 + 1. canvas 的大小和 CSS 的大小不一致 + 2. 绘制时东西方向不足 1px，会自动补充 1px + 3. 受到高清晰屏幕的影响 + 结语 + 篇章 + 模糊原因 + 1. canvas 大小与 CSS 不匹配 + 2. 绘制偏差问题 + 3. 高清屏幕影响 + 总结

目录

• 缘起
• 模糊的原因
• 1、canvas 的大小和 css 的大小不一致
• 2、当绘制的东西不足 1px，会自动补足 1px
• 3、受到高清屏的影响
• 结语

缘起

模糊在 canvas 中应该算是个经典问题了，相信大家也曾经看过很多相关文章，但总是记不住，因为概念很多，描述的也不够明确，所以我就自己总结了一篇，刨去了复杂概念，顺带画了几张高清图，以此加深理解（我觉得画的贼好