用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - asp代码库

html5 在canvas上画图片

2013-07-29 作者: 神马举报

[asp]代码库

<!DOCTYPE HTML>
<html>
<body>

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>

<script type="text/javascript">

var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
var img=new Image();
img.src="http://pic.cnitblog.com/face/u109505.bmp?id=24183340";
var img2=new Image();
img2.src="http://pic.cnitblog.com/face/75468/20130710131911.png";
cxt.drawImage(img,0,0);
cxt.drawImage(img,50,50);
cxt.drawImage(img,100,0);
cxt.drawImage(img,150,50);
cxt.drawImage(img2,50,0);
cxt.drawImage(img2,0,50);
cxt.drawImage(img2,100,50);
cxt.drawImage(img2,150,0);
</script>

</body>
</html>

[代码运行效果截图]


html5 在canvas上画图片


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...