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

Question

canvas使用lineTo()方法绘制的斜线段，会产生锯齿 使用这个方法并没有起到预想中的效果 {代码...} 请问在canvas中，一般采取什么方法做到斜线抗锯齿？

大家讲道理 · Answer

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);
}