Chinaunix首页 | 论坛 | 博客

甜心183的ChinaUnix博客

首页　| 　博文目录　| 　关于我

甜心183

  • 博客访问： 113813
  • 博文数量： 40
  • 博客积分： 0
  • 博客等级： 民兵
  • 技术积分： 423
  • 用 户 组： 普通用户
  • 注册时间： 2013-01-15 11:55
文章分类

全部博文（40）

文章存档

2016年（36）

2015年（2）

2013年（2）

我的朋友
最近访客
推荐博文
canvas画弧线和圆的实例

分类： jQuery

2016-03-25 17:17:22

canvas画弧线和圆的实例

点击(此处)折叠或打开

  1. <!DOCTYPE html >
  2. <html>
  3.  <head>
  4.     <title>cars</title>
  5.     <script src=""></script>
  6.  </head>
  7.  <body>
  8.    <canvas id ="canvas" width="200" height="200"></canvas>
  9.    <script>
  10.      var canvas = document.getElementById("canvas");
  11.      var ctx = canvas.getContext("2d");
  12.     ctx.lineWidth = 2;
  13.     ctx.strokeStyle = "Green";
  14.     ctx.beginPath();
  15.     ctx.arc(50,50,20,0,Math.PI/2,false);
  16.     ctx.stroke();
  17.     ctx.beginPath();
  18.     ctx.arc(100,50,20,0,Math.PI,false);
  19.     ctx.stroke();
  20.     ctx.beginPath();
  21.     ctx.arc(150,50,20,0,Math.PI*2,false);
  22.     ctx.stroke();
  23.    </script>
  24.  </body>
  25. </html>

阅读(934) | 评论(0) | 转发(0) |
0

上一篇：jquery canvas实例4

下一篇：canvas画连环圆实例

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6