html5使用canvas绘制一张图片
2014-12-15 16:32
567 查看
<canvas id="canvas" width="600" height="500" style="background-color: yellow;"></canvas>
var canvas=document.getElementById("canvas"); var cxt=canvas.getContext("2d"); var img=new Image(); img.src="cat.jpg"; cxt.drawImage(img,10,10,490,382); /* 测试发现一个问题 在浏览器第一次执行的时候经常看不到图片, 在刷新一次后才能看到图片,有谁知道这是什么原因的,麻烦大神告诉我一下啊 .呵呵 */
相关文章推荐
- 使用html5 canvas绘制图片
- HTML5之Canvas绘图——使用Canvas绘制图形的基本教程
- 使用 HTML5 canvas 绘制的图形
- android中Canvas使用drawBitmap绘制图片
- html5 canvas绘制图片模糊的问题
- 使用 HTML5 canvas 绘制精美的图形
- html5之canvas标签应用之 2d图形绘制以及图片绘制
- android中使用Canvas绘制指定位置和宽高度的图片
- Html5 用canvas绘制图片,绘制不出来
- canvas之绘制一张图片
- 使用html5 Canvas绘制线条(直线、折线等)
- 怎样将html5中利用canvas绘制的图像在服务端保存为图片?
- HTML5学习笔记之使用canvas绘制矩形
- android中Canvas使用drawBitmap绘制图片
- android中使用Canvas绘制指定位置和宽高度的图片
- HTML5 移动开发 ------ Canvas 9.3 绘制图片
- 使用HTML5 canvas做地图(3)图片加载平移放大缩小
- 使用HTML5 canvas做地图(3)图片加载平移放大缩小
- html5使用canvas绘制太阳系效果
- android中Canvas使用drawBitmap绘制图片