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

1.备考托福听力中遇到生词的解决方法

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

3.win10安装过程中遇到的问题

4.儿童声乐教学中遇到的问题及解决方法论文

5.古筝初学者常遇到的问题

6.学习街舞容易遇到的问题

7.宝宝学舞蹈所遇到的问题

8.学习肚皮舞遇到的问题