ctx.beginPath(); // vuota buffer
ctx.fillRect(0,0,150,150); // disegnare un rettangolo con impostazioni di default
// Salva lo stato di default
// modifica le impostazioni originarie
ctx.fillStyle = ''
ctx.fillRect( 15,15,120,120);
// Salva lo stato coorrente con le modifiche
// applica nuove modifiche
ctx.fillStyle = '#00FF00'
ctx.globalAlpha = 0.5;
ctx.fillRect(30,30,90,90);
// Applica Restore per pripristinare lo stato precedente l'ultimo save
ctx.fillRect(45,45,60,60); // Disegnare un rettangolo con impostazioni ripristinate
// Ripristina lo stato originale
ctx.fillRect(40,40,90,90); // Disegnare un rettangolo con impostazioni ripristinate
Save: Salva lo stato del disegno inserendolo nello stack
Restore: Restituisce l'ultimo precedentemente salvato leggendolo dallo stackcon stak