关于HTML5 的canvas
查看次数66241 发表时间2012-11-26 22:38:29
<!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"); cxt.fillStyle="#FF0000"; cxt.beginPath(); cxt.arc(70,18,15,0,Math.PI*2,true);//画了一个圆形 cxt.closePath(); cxt.fill(); cxt.moveTo(70,32);//这是一条线,这个坐标表示 线段开始的 x,y cxt.lineTo(70,50);//这是线段结束的x,y坐标 cxt.stroke();//绘制图形的边线 cxt.moveTo(70,50); cxt.lineTo(50,80); cxt.stroke(); cxt.moveTo(70,50); cxt.lineTo(90,80); cxt.stroke(); cxt.moveTo(70,32); cxt.lineTo(50,60); cxt.stroke(); cxt.moveTo(70,32); cxt.lineTo(90,60); cxt.stroke(); </script> </body> </html>
(转发请注明转自:学PHP)
相关推荐
- 解决浏览器碎片化,HMTL5大热成趋势 (2012-12-03 16:54:39)
- 2012年12月编程语言排行榜:Objective-C冲刺卫冕年度语言 【转载】 (2012-12-03 16:54:39)
- 如何使用HTML5实现利用摄像头拍照上传功能 (2012-12-03 23:23:14)
- 基于HTML5技术的Firefox OS手机或率先登陆日本 (2013-01-23 14:37:37)
- 纯 CSS3 实现的 Web 小游戏 (2013-01-23 14:39:16)
- 用HTML5轻松实现图片预览 (2012-11-26 22:37:50)
- 关于html5的一些历史和优点 (2012-11-26 22:36:48)
- 各种详解HTML5 (2012-11-26 22:36:17)
- 6 款华丽的 HTML5 动画特效及源码 (2012-11-24 00:39:49)
- HTML5 WebSocket 技术介绍 (2012-11-24 00:30:09)
- 1楼 Anderson说: 2013-04-14 22:57:12
-
You've magaend a first class post
- 2楼 Lissa说: 2016-12-11 13:05:05
-
You've got to be kidding me-it's so trrlnpaaestny clear now!
- 3楼 Jacoby说: 2016-12-21 20:07:04
-
Never would have thunk I would find this so insespindable.
发表评论