html5使用canvas绘制一张图片
摘要:代码如下:varcanvas=document.getElementById("canvas");varcxt=canvas.getCont...
<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和JavaScript创建一个绘图程序的简单实例
★ html5 Canvas画图教程(6)—canvas里画曲线之arcTo方法
★ HTML5 Canvas画线技巧——实现绘制一个像素宽的细线
★ html5的画布canvas——画出弧线、旋转的图形实例代码+效果图
上一篇:
html5使用canvas画一条线
下一篇:
html5使用canvas画三角形
相关阅读
网友关注
网友最新关注视频
- 冀教版小学数学二年级下册第二单元《有余数除法的简单应用》
- 【部编】人教版语文七年级下册《老山界》优质课教学视频+PPT课件+教案,安徽省
- 19 爱护鸟类_第一课时(二等奖)(桂美版二年级下册)_T3763925
- 沪教版牛津小学英语(深圳用) 四年级下册 Unit 7
- 七年级英语下册 上海牛津版 Unit5
- 北师大版数学 四年级下册 第三单元 第二节 小数点搬家
- 外研版英语三起6年级下册(14版)Module3 Unit1
- 3.2 数学二年级下册第二单元 表内除法(一)整理和复习 李菲菲
- 化学九年级下册全册同步 人教版 第25集 生活中常见的盐(二)
- 【部编】人教版语文七年级下册《逢入京使》优质课教学视频+PPT课件+教案,安徽省
精品推荐