Canvas 宽高小数导致模糊？如何处理 Canvas 宽高精度问题

如果 Canvas 的宽高是小数，会导致 Canvas 渲染出现模糊的问题。这是因为小数会被浏览器自动四舍五入成整数，这样就会出现像素点的不对齐，从而导致模糊。

为了避免这个问题，我们可以将 Canvas 的宽高设置为整数，然后通过 CSS 来控制 Canvas 的大小。这样可以保证 Canvas 渲染时像素点对齐，避免模糊问题。例如：

<canvas id='myCanvas'></canvas>

#myCanvas {
  width: 300px;
  height: 200px;
}

上面的代码中，我们将 Canvas 的宽高设置为整数，然后通过 CSS 的方式设置 Canvas 的大小。这样就可以避免小数精度问题导致的模糊问题。