您现在的位置是：网站首页> 编程资料编程资料

HTML5中drawImage用法分析html5各种页面切换效果和模态对话框用法总结HTML5 embed标签定义和用法详解HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常html5基础标签(html5视频标签 html5新标签用法)html5跨域通讯之postMessage的用法总结Html5新标签解释及用法如何避免常见的6种HTML5错误用法

2021-08-31 1073人已围观

简介这篇文章主要为大家介绍了HTML5中drawImage用法分析及实际应用中遇到的问题与解决方法,分析了错误代码与修改后的代码,加深对HTML5具体应用的理解,需要的朋友可以参考下

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

使用Image遇到的问题：

复制代码

代码如下:

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

解决方案

复制代码

代码如下:

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