HTML5Canvas and Anti-aliasing

小编典典

HTML5Canvas and Anti-aliasing

html

如何在 canvas. 上打开 anti-aliasing 功能。

以下代码无法画出一条流畅的线：

var context = mainCanv.getContext("2d");
if (context) {
   context.moveTo(0,0);
   context.lineTo(100,75);

   context.strokeStyle = "#df4b26";
   context.lineWidth = 3;
   context.stroke();
}

阅读 360

2020-05-10

共1个答案

小编典典

您可以按半像素距离平移画布。

ctx.translate(0.5, 0.5);

最初，画布在物理像素之间的定位点。

2020-05-10