javascript - Bagaimana untuk menghapuskan tepi bergerigi kanvas

Question

Seperti tajuk: Saya membuat grafik kanvas dan tepinya bergerigi

Saya menjumpai satu: Algoritma interpolasi Bicubic Interpolation, tetapi saya tidak dapat memahaminya. Sila berikan saya nasihat
Orz!!

Answer 1

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

1. Tetapkan lebar dan tinggi kanvas kepada 2w dan 2j

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

Answer 2

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