drawimage方法,java drawimage方法

　　本文实例分析了HTML5中绘图图像使用时遇到的问题及解决方法。分享给大家供大家参考。具体分析如下：

　　使用图像遇到的问题：复制代码代码如下：声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8

　　标题/标题

　　脚本src= js/jquery-1。9 .1 .量滴js type= text/JavaScript charset= utf-8 /script

　　脚本类型=文本/javascript

　　$(function() {

　　var jsCanv=document。getelementbyid( canv )；

　　var oCanv=jscanv。获取上下文(“2d”)；

　　var img=new Image()；

　　img。src= img。png ；

　　oCanv.drawImage(img，220，30)；

　　})

　　/脚本

　　/头/pp体

　　画布id=canv 宽度=500 高度=500

　　浏览器不支持

　　/画布

　　/body

　　/html

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

　　解决方案复制代码代码如下：声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8

　　标题/标题

　　脚本src= js/jquery-1。9 .1 .量滴js type= text/JavaScript charset= utf-8 /script

　　脚本类型=文本/javascript

　　$(function() {

　　var jsCanv=document。getelementbyid( canv )；

　　var oCanv=jscanv。获取上下文(“2d”)；

　　var img=new Image()；

　　img。src= img。png ；

　　img.onload=function() {

　　oCanv.drawImage(img，220，30)；

　　}

　　})

　　/脚本

　　/头

　　身体

　　画布id=canv 宽度=500 高度=500

　　浏览器不支持

　　/画布

　　/body

　　/html

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

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。