获取HTML 5 Canvas中加载的图像的引用

Question

我使用drawImage方法将图像加载到HTML 5 Canvas中。如何在以后获取对该图像的引用（可能是在某些鼠标单击的事件上），以便我可以对图像进行转换（如旋转）？

Answer 1

你做不到。一旦它在画布上绘制，它只是像素。画布不保留对原始源的引用。如果你想维护状态信息，你必须自己做。或者use SVG，保留内部DOM。

Answer 2

保存对用于绘制到画布的Image对象的引用。

然后，

1. 删除画布（clearRect）
2. 使用画布上下文进行转换
3. 再次绘制图像
4. 当您需要刷新画布时转到1