Animasikan kanvas untuk menghidupkan hingar tanpa had untuk memberikan rupa gerakan dalam HTML

Kaedah

putImageData() meletakkan data imej pada kanvas. Untuk menghidupkan kanvas, kami mencipta objek ImageData yang boleh digunakan semula di luar gelung utama,

var ct = c.getContext("2d", {alpha: false});       // context without alpha channel.
var a = ct.createImageData(c.width, c.height);  
var buffer = new Uint32Array(a.data.buffer);  

function loop() {
   noise(ct);
   requestAnimationFrame(loop)
})()

function noise(ct) {
   var l =buffer.length - 1;
   while(l--) buffer[l] = Math.random() <0.5 ?0 : -1>>0;
   ct.putImageData(a, 0, 0);
}

Atas ialah kandungan terperinci Animasikan kanvas untuk menghidupkan hingar tanpa had untuk memberikan rupa gerakan dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!