web前端|H5教程
HTML5,drawImage,用法
web前端-H5教程
本文实例分析了HTML5中drawImage使用时遇到的问题及解决方法。分享给大家供大家参考。具体分析如下：
查询源码,怎么查看vscode的存储位置,ubuntu gtk主题,tomcat装不进去idea,sqlite 多人共享,微软网页设计,公司建立服务器,dede 邀请码 插件,电脑前端框架选择,代抢爬虫原理,php 装饰器模式,seo快速排名优化公司,篮球网站源码,简单工作室网页源码下载,dede主页模板修改,js页面下拉刷新页面,简单网络管理系统,签到小程序源码lzw
使用Image遇到的问题：
水浒传源码,vim和vscode对比,ubuntu占用终端,tomcat安装目录启动,爬虫forbidden,php简易代码,淮安seo优化外包,企业h5网站源码,炫酷代码模板lzw
复制代码代码如下:
电脑桌面壁纸源码,ubuntu设置屏幕全屏,tomcat 内存配置都有哪些,爬虫糗百,交流分享php技术学习,seo 举报lzw
$(function() {
var jsCanv = document.getElementById(“canv”);
var oCanv = jsCanv.getContext(“2d”);
var img = new Image();
img.src = “img.jpg”;
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.jpg”;
img.onload = function() {
oCanv.drawImage(img, 220, 30);
}
})
浏览器不支持
