html5 canvas知识
来源:互联网 发布:spss for mac安装教程 编辑:程序博客网 时间:2024/06/07 17:11
1、drawImage(image,x,y)绘制图片时要等待图片加载完之后再绘制,即监听图片加载事件
错误写法:
canObj = document.getElementById("maincanvas"); canTool = canObj.getContext("2d"); var bg_img = new Image(); bg_img.src = "./images/bg_canvas.png"; canTool.drawImage(bg_img,0,0,750,550);
如果,直接使用drawImage(),没有设置异步监听图片下载事件后再绘制,会导致页面一片空白。
正确写法:
canObj = document.getElementById("maincanvas"); canTool = canObj.getContext("2d"); var bg_img = new Image(); bg_img.onload = function(){ canTool.drawImage(bg_img,0,0,750,550); } bg_img.src = "./images/bg_canvas.png";
阅读全文
0 0
- html5 canvas知识
- html5知识:Canvas的KineticJS事件委托!
- HTML5知识:KineticJS里面Canvas形象的事件!
- HTML5里面的知识:Canvas简单与KineticJS滚动条!
- HTML5知识:KineticJS里面的Canvas tango形状!
- HTML5知识:Canvas简单形状与KineticJS的Easings类!
- HTML5知识:Canvas取消事件泡沫与KineticJS传播!
- HTML5的一些知识:Canvas KineticJS旋转动画教程
- HTML5里面的知识:Canvas的KineticJS多边形教程
- 推荐的html5知识:Canvas KineticJS图片教程!
- html5 canvas
- html5-canvas
- HTML5 canvas
- html5 canvas
- HTML5 Canvas
- HTML5 Canvas
- html5 canvas
- HTML5 Canvas
- xhprof性能工具的使用
- 二 配置和自定义DevTools
- 自定义view画一个圆
- 放弃Caffe转向TensorFlow,从0到1只需两步
- 统计两个日期时间段每个月对应的中间日期
- html5 canvas知识
- EntryNodeOfLoop
- distinct-subsequences Java code
- MAVEN
- 关于强连通分量
- myeclipse中为什么elasticsearch5.X后client类没有方法
- learning R with lapply and sapply(不懂)
- 201710 PHP 函数回顾
- C# Winform中实现主窗口打开登录窗口关闭的方法