HTML5 drawImage()
HTML5 drawImage()
在 HTML5 canvas 中,函数 drawImage()
可以取 Image
,无论是
Argument image
can be of type HTMLImageElement
, HTMLCanvasElement
or HTMLVideoElement
.
一个canvasreturn一个HTMLCanvasObject
,怎么弄到return一个HTMLCanvasElement
?
(https://simon.html5.org/dump/html5-canvas-cheat-sheet.html)
我什至不确定您如何获得 HTMLCanvasObject
,但是 document.getElementById()
returns 可以用作 [=14] 的参数 HTMLCanvasElement
=].
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
在 HTML5 canvas 中,函数 drawImage()
可以取 Image
,无论是
Argument
image
can be of typeHTMLImageElement
,HTMLCanvasElement
orHTMLVideoElement
.
一个canvasreturn一个HTMLCanvasObject
,怎么弄到return一个HTMLCanvasElement
?
(https://simon.html5.org/dump/html5-canvas-cheat-sheet.html)
我什至不确定您如何获得 HTMLCanvasObject
,但是 document.getElementById()
returns 可以用作 [=14] 的参数 HTMLCanvasElement
=].
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