HTML5 Canvas putImageData, übersetzen, Bild ändern
Ich möchte ein Bild mit einer HTML5-Zeichenfläche zeichnen, das Bild übersetzen und dann das Bild ändern, aber die von mir vorgenommenen Transformationen beibehalten. Ist das möglich?
Hier ist ein Pseudocode, um mein Problem zu veranschaulichen:
// initially draw an image and translate it
var context = canvas.getContext("2d");
context.putImageData(someData, 0, 0);
context.translate(200, 10);
// then later somewhere else in code
// this should be drawn @ 200/10
var context = canvas.getContext("2d");
context.putImageData(someOtherData, ?, ?);
Ich dachte, dass dies durch einige Aufrufe zum Speichern / Wiederherstellen möglich wäre, aber es gelang mir noch nicht. Wie kann ich dies erreichen?