html5 - canvas斜线如何做到抗锯齿?
ringa_lee
ringa_lee 2017-04-17 13:48:31
0
1
1147

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

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

context.imageSmoothingEnabled = true;

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

ringa_lee
ringa_lee

ringa_lee

membalas semua(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);
}

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan