javascript - 将绘制到 Canvas 上的所有内容偏移 0.5 像素的好方法？

Question

我希望 Canvas 默认绘制真实像素。我希望我可以添加一个 css Prop 来将其偏移 0.5 像素，但如您所知，这是不可能的。

有什么好的解决方法吗？

Answer 1

简单地转换上下文本身:

context.translate(0.5, 0.5);

接下来绘制的所有内容现在都将偏移半个像素。