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画线技巧——实现绘制一个像素宽的细线
★ html5的画布canvas——画出弧线、旋转的图形实例代码+效果图
上一篇:
html5使用canvas画一条线
下一篇:
html5使用canvas画三角形
相关阅读
网友关注
网友最新关注视频
- 人教版历史八年级下册第一课《中华人民共和国成立》
- 冀教版小学数学二年级下册第二单元《有余数除法的竖式计算》
- 沪教版八年级下册数学练习册20.4(2)一次函数的应用2P8
- 8 随形想象_第一课时(二等奖)(沪教版二年级上册)_T3786594
- 苏科版数学七年级下册7.2《探索平行线的性质》
- 六年级英语下册上海牛津版教材讲解 U1单词
- 青岛版教材五年级下册第四单元(走进军营——方向与位置)用数对确定位置(一等奖)
- 第五单元 民族艺术的瑰宝_15. 多姿多彩的民族服饰_第二课时(市一等奖)(岭南版六年级上册)_T129830
- 第12章 圆锥曲线_12.7 抛物线的标准方程_第一课时(特等奖)(沪教版高二下册)_T274713
- 外研版英语三起6年级下册(14版)Module3 Unit2
精品推荐
分类导航