html5使用canvas绘制一张图片
来源:易贤网 阅读:970 次 日期:2014-12-23 11:57:52
温馨提示:易贤网小编为您整理了“html5使用canvas绘制一张图片”,方便广大网友查阅!

<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);

/*

测试发现一个问题 在浏览器第一次执行的时候经常看不到图片,

在刷新一次后才能看到图片,有谁知道这是什么原因的,麻烦大神告诉我一下啊

.呵呵

*/

名单

更多信息请查看IT技术专栏

更多信息请查看网页制作
易贤网手机网站地址:html5使用canvas绘制一张图片
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 新媒体/短视频平台 | 手机站点

版权所有:易贤网