javascript - Bagaimana untuk menghapuskan tepi bergerigi kanvas

Question

Seperti tajuk: Saya membuat grafik kanvas, dan bahagian tepinya bergerigi saya mencari satu: Algoritma Interpolasi Bicubic, tetapi saya tidak dapat memahaminya.

phpcn_u1582 · Answer

Anda boleh cuba menggandakan resolusi kanvas terlebih dahulu dan lihat.
Andaikan saiz paparan ialah w * h:

Tetapkan lebar dan tinggi kanvas kepada 2w dan 2j
Tetapkan lebar dan tinggi dalam gaya kanvas kepada w dan h

大家讲道理 · Answer

Saya melihat beberapa pemalam yang lebih baik, seperti echarts (Carta Baidu), tetapi saya tidak dapat membaca lebih daripada 10,000 baris kod Akhirnya, saya menemui penyelesaian
https://www.zhihu.com/questio. ..
biarkan lebar = kanvas.lebar,tinggi=kanvas.tinggi;
jika (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);

}
Saya ingin berkongsi ini dengan kasut kanak-kanak yang menghadapi masalah yang sama