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使用时遇到的问题及解决方法】相关文章：

备考托福听力中遇到生词的解决方法08-21

形体训练中的问题和解决方法08-20

速录学习中会遇到哪些问题-关于速录学习中的常见问题01-23

谈形体训练中的常见问题和解决方法06-12

专家解析日本留学签证中遇到的问题有哪些07-22

电脑问题及解决方法汇总07-14

初中英语词汇教学中的问题及解决方法02-16

网页中HTML5与CSS3的应用07-21

纹眉常见问题及解决方法07-03

硬件常见问题的解决方法10-15