使用下面的代码,可以动态的添加canvas标签到页面。
代码如下:
var Mycanvas = document.createElement("canvas");
Mycanvas.width = 320;
Mycanvas.height = 240;
Mycanvas.setAttribute("id","NewCanvas1");
var context = Mycanvas.getContext("2d");
context.drawImage(document.getElementById("video"),0,0,320,240);
var imgData=Mycanvas.toDataURL("image/png");
//如果不想让显示在页面中,可以不添加下面这句。
document.getElementById("content").appendChild(Mycanvas);
代码解释:
var imgData=Mycanvas.toDataURL("image/png");这一句是为了获取动态canvas对应的64位图片码。