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.新闻播音中的常见问题及解决方法

3.网站改版中遇到的SEO问题总结

4.关于用ajax请求数据遇到问题的解决方法

5.形体训练中的问题和解决方法

6.岩土工程勘察中的主要技术问题及解决方法

7.2018MBA面试遇到的问题及精彩解答

8.用友财务软件使用时常见问题解决方法