canvas宽高为小数时如何控制css的大小来使像素点对齐并显示清晰

当canvas宽高为小数时，可以通过CSS的transform属性来控制canvas的大小并使像素点对齐。具体步骤如下：

1. 设置canvas的宽高为实际需要的宽高，例如：canvas宽为100.5px，高为50.3px。

2. 设置canvas的CSS样式，包括transform属性，例如：

canvas {
  width: 100.5px;
  height: 50.3px;
  transform: scale(2);
}

3. 在transform属性中使用scale()函数，并设置一个整数值，例如2。这样会把canvas的宽高扩大2倍，像素点就会对齐并显示清晰。

注意：使用transform属性会改变canvas的实际大小，因此在绘制时需要考虑实际大小与CSS大小之间的差异。