Dzwebs.Net

撰写电脑技术杂文十余年

动态添加canvas到页面

Admin | 2017-2-24 10:47:00 | 被阅次数 | 7005

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  使用下面的代码,可以动态的添加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位图片码。


该杂文来自: 网页制作杂文

上一篇:保存canvas图片

下一篇:canvas实现放大镜效果

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计