HTML5 drawImage()

时间:2015-03-01 14:12:53

标签: javascript html5 canvas

在HTML5画布中,函数drawImage()可以带Image,无论是

  

参数image可以是HTMLImageElementHTMLCanvasElementHTMLVideoElement类型。

画布返回HTMLCanvasObject,如何让它返回HTMLCanvasElement

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

1 个答案:

答案 0 :(得分:2)

我甚至不确定如何获得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