獲取對HTML 5內部加載的圖像的引用Canvas

Question

我使用drawImage方法將圖像加載到HTML 5 Canvas中。我以後如何獲得對該圖像的引用（可能是某個鼠標單擊的事件），以便我可以對圖像執行轉換（如旋轉）？

Answer 1

保存對用於繪製到畫布的Image對象的引用。

然後，

1. 刪除畫布（clearRect）
2. 請使用畫布背景
3. 的轉化畫再次圖像
4. 轉到1，當你需要刷新畫布

Answer 2

你不能。一旦它在畫布上繪製，它就是像素。畫布不保留對原始源的引用。如果你想維護狀態信息，你必須自己做。或者use SVG，保留內部DOM。