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

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

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

context.imageSmoothingEnabled = true;

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

ringa_lee
ringa_lee

ringa_lee

全部回复(1)
大家讲道理

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板