Méthode save() de Canvas
Exemple
Enregistrez l'état du contexte de dessin (police, styles, transformations, ...). Dessinez quelque chose de différent, puis restaurez l'état et continuez à dessiner :
// Dessiner
ctx.fillStyle = "green";
ctx.fillRect(10, 10, 50, 50);
// Enregistrer l'état
ctx.save();
// Dessiner nouveau
ctx.fillStyle = "red";
ctx.fillRect(100, 10, 50, 50);
// Restaurer l'état enregistré
ctx.restore();
// Dessiner nouveau
ctx.fillRect(200, 10, 50, 50); Description
La méthode save() enregistre l'état du contexte de dessin avec tous ses attributs :
découpage, transformation, direction, fillStyle, police, globalAlpha, globalCompositeOperation, imageSmoothingEnabled, lineCap, lineDashOffset, lineJoin, lineWidth, miterLimit, shadowBlur, shadowColor, shadowOffsetX, shadowOffsetY, strokeStyle, textAlign, et textBaseline.
Voir aussi :
La méthode restore() (Restaurer l'état du contexte)
Syntaxe
| context .save() |
Paramètres
| AUCUN |
Valeur de retour
| AUCUN |
Support des navigateurs
L'élément <canvas> est une norme HTML5 (2014).
save() est pris en charge dans tous les navigateurs modernes :
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Oui | Oui | Oui | Oui | Oui | 9-11 |