我想要使用HTML5畫布繪製圖片,翻譯圖片,然後更改圖片,但保留我製作的轉換。這可能嗎?HTML5 Canvas putImageData,翻譯它,更改圖片
下面是一些僞代碼來說明我的問題:
// 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, ?, ?);
我認爲這將有可能通過一些保存/恢復通話,但我沒有成功呢,所以我怎麼能做到這一點?
謝謝你們。問題是兩種方法都需要跟蹤我想要避免的x/y座標。我更喜歡將我所做的所有轉換應用於新圖像的方式。我想過要獲得變換矩陣,設置新圖像並將矩陣重新應用到畫布上,但這不可能吧?對不起,如果我的第一篇文章誤導。 – zersaegen 2012-08-08 08:20:30
有沒有辦法,從getDataImage創建圖像,然後使用drawImage? – 2017-11-06 18:52:42