手机
当前位置:查字典教程网 >网页设计 >HTML5教程 >html5使用canvas绘制一张图片
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 worker 实例(二) 图片变换效果

使用HTML5 Canvas绘制直线或折线等线条的方法讲解

html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法

使用html5 canvas创建太空游戏的示例

用HTML5中的Canvas结合公式绘制粒子运动的教程

利用HTML5 Canvas做在线图像处理

html5 学习简单的拾色器

html5怎么使用canvas绘制一张图片

html5使用canvas画三角形

用html5的canvas和JavaScript创建一个绘图程序的简单实例

精品推荐
分类导航