六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

canvas载入图片的正确代码

Admin | 2016-5-28 8:34:51 | ReadNums | 1409 | 标签 网页制作 | 打印本页
     

  在网上的很多地方,都讲到了canvas载入图片的各种方法,仍然,正确的没有几个,基本都是错误的,下面,本文纠正其错误,与大家分享正确的代码。

  一、网络的错误代码

  var img=new Image();
  img.src="123.jpg";
  var c=document.getElementById("qr-canvas");
  var cxt=c.getContext("2d");
  image.onload = function(){cxt.drawImage(img,0,0)}

  上面这段代码压根就不会让canvas载入图片。

  二、正确的代码

  var img=new Image();
  img.src="123.jpg";
  var c=document.getElementById("qr-canvas");
  var cxt=c.getContext("2d");
  img.onload = function(){cxt.drawImage(img,0,0)}

  注意看清楚,发现问题了没有。就是下面这一句。

  应该是:img.onload,而不是image.onload


问题未解决:在线咨询

香港王中王论坛料

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日