Bagaimana untuk Mengosongkan Kanvas HTML5 dengan Cekap?

Memadam Kanvas untuk Penyegaran

Apabila bekerja dengan kanvas HTML, perkara biasa perlu menyegarkan permukaan lukisan untuk mengalih keluar elemen atau gubahan . Ini memastikan jadual yang bersih untuk grafik baharu. Mari kita terokai cara untuk mencapai ini dengan cekap.

Daripada melukis segi empat tepat untuk menutup kanvas, yang mungkin tidak cekap, anda boleh menggunakan kaedah clearRect.

const context = canvas.getContext('2d');
context.clearRect(0, 0, canvas.width, canvas.height);

Dengan menyediakan koordinat dan dimensi keseluruhan kanvas, clearRect memadam lukisan sebelumnya dengan berkesan dan menyediakan kanvas untuk lukisan baharu satu.

Kaedah ini membolehkan prestasi optimum, terutamanya jika beberapa lukisan semula diperlukan semasa sesi lukisan yang berpanjangan.

Atas ialah kandungan terperinci Bagaimana untuk Mengosongkan Kanvas HTML5 dengan Cekap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!