HTML5 绘制图像（）

【问题标题】：HTML5 drawImage()HTML5 绘制图像（）
【发布时间】：2015-05-01 21:38:32
【问题描述】：

在 HTML5 画布中，函数 drawImage() 可以采用 Image，无论是

参数image 可以是HTMLImageElement、HTMLCanvasElement 或HTMLVideoElement 类型。

画布返回HTMLCanvasObject，如何让它返回HTMLCanvasElement？

(https://simon.html5.org/dump/html5-canvas-cheat-sheet.html)

【问题讨论】：

在 Chrome 上，document.createElement('canvas') 确实返回 HTMLCanvasElement，而不是 HTMLCanvasObject。
我调用了ctx2.drawImage(ctx1,0,0)

标签： javascript html canvas

【解决方案1】：

我什至不确定您将如何获得HTMLCanvasObject，但document.getElementById() 返回一个HTMLCanvasElement，您可以将其用作drawImage 的参数。

   var canvas1 = document.getElementById("canvas1");
   var canvas2 = document.getElementById("canvas2");

   var ctx2 = canvas2.getContext("2d");
   ctx2.drawImage(canvas1, 10, 10);

我是 Plunker 的新手，但我拼凑了这个小演示：http://plnkr.co/edit/OrZ31Ohnln6lDo181Qo0?p=preview

【讨论】：