Chinaunix首页 | 论坛 | 博客
  • 博客访问: 835653
  • 博文数量: 372
  • 博客积分: 10063
  • 博客等级: 中将
  • 技术积分: 4220
  • 用 户 组: 普通用户
  • 注册时间: 2012-02-24 11:36
文章分类

全部博文(372)

文章存档

2012年(372)

分类: 虚拟化

2012-05-08 15:29:54

复制代码
复制代码
<canvas id="can" width="150" height="150">canvas>
ctx.arc 参数说明:(定义一个中心点,半径,起始角度,结束角度,和绘图方向:顺时针或逆时针);

ctx.stroke:绘制图形的边框;



思路:

1.先通过ctx.moveTo移动绘制起始点,ctx.arc绘制路径(这里的绘路径,并没有真的绘制到canvas上面,就像Photoshop的钢笔路径工具一样)。

2.把绘制好的路径,通过 ctx.stroke();方法形成边框,真正绘制到canvas上面; 以下ctx.stroke(只是边框绘制路径,所以只有线条)

以下ctx.fill(填充色绘制路径,会自动闭合路径)


阅读(951) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~