HTML5中drawImage使用时遇到的问题及解决方法

HTML5中drawImage使用时遇到的问题及解决方法

　　HTML5中drawImage使用时遇到的问题及解决方法

　　使用Image遇到的'问题：

　　$(function() {

　　var jsCanv = document.getElementById("canv");

　　var oCanv = jsCanv.getContext("2d");

　　var img = new Image();

　　img.src = "img.png";

　　oCanv.drawImage(img, 220, 30);

　　})

　　浏览器不支持

　　其实这种写法是有错误的，实际上只要一刷新图片就不显示出来。要想保证刷新正常显示需要在Image onload的时候重绘一次才行。测试在chrome 19下会出现的问题。

　　解决方案

　　$(function() {

　　var jsCanv = document.getElementById("canv");

　　var oCanv = jsCanv.getContext("2d");

　　var img = new Image();

　　img.src = "img.png";

　　img.onload = function() {

　　oCanv.drawImage(img, 220, 30);

　　}

　　})

　　浏览器不支持

　　希望本文所述对大家的html5程序设计有所帮助。

【HTML5中drawImage使用时遇到的问题及解决方法】相关文章：

我国企业管理沟通中存在的问题及解决方法03-03

国学教育存在的问题与解决方法01-13

U盘硬盘在使用中可能会遇到的问题与解决办法07-16

CAD里的常见问题及解决方法07-19

声乐学习常见问题及解决方法06-03

遇到这些问题可以直接跟驾校投诉02-27

关于双硬盘出现的问题和解决方法05-15

无法识别大硬盘问题及解决方法07-16

企业内部沟通的问题及解决方法04-02

中走丝线切割机床四种常见问题的解决方法09-21