Unterstützt HTML5 Canvas doppelte Pufferung?

Um die Leinwand doppelt zu puffern, erstellen Sie ein zweites Leinwandelement und zeichnen Sie darauf. Verwenden Sie dann die Methode drawImage(), um das Bild auf die erste Leinwand zu zeichnen.

// canvas element
var canvas1 = document.getElementById('canvas');
var context1 = canvas1.getContext('2d');

// buffer canvas
var canvas2 = document.createElement('canvas');
canvas2.width = 250;
canvas2.height =250;
var context2 = canvas2.getContext('2d');

// create on the canvas
context2.beginPath();
context2.moveTo(10,10);
context2.lineTo(10,30);
context2.stroke();

//render the buffered canvas
context1.drawImage(canvas2, 0, 0);

Das obige ist der detaillierte Inhalt vonUnterstützt HTML5 Canvas doppelte Pufferung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!