html5 - canvas斜线如何做到抗锯齿？

Question

canvas使用lineTo()方法绘制的斜线段，会产生锯齿

使用这个方法并没有起到预想中的效果

context.imageSmoothingEnabled = true;

请问在canvas中，一般采取什么方法做到斜线抗锯齿？

Answer 1

let width = canvas.width,height=canvas.height;
if (window.devicePixelRatio) {
canvas.style.width = width + "px";
canvas.style.height = height + "px";
canvas.height = height * window.devicePixelRatio;
canvas.width = width * window.devicePixelRatio;
ctx.scale(window.devicePixelRatio, window.devicePixelRatio);
}