六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 95|回复: 0

html5-Canvas绘制弧线(圆形)

[复制链接]

升级  50.67%

114

主题

114

主题

114

主题

举人

Rank: 3Rank: 3

积分
352
 楼主| 发表于 2012-12-22 20:43:29 | 显示全部楼层 |阅读模式
<div id="cnblogs_post_body"><div class="cnblogs_code"><script type="text/javascript" src="jquery-1.5.1.min.js"></script><script type="text/javascript">$(function(){    var can = document.getElementById("can");    var ctx = can.getContext("2d");        ctx.beginPath();        ctx.arc(75,75,50,0,Math.PI*2,true); // 外圈    ctx.moveTo(110,75);    ctx.arc(75,75,35,0,Math.PI,false);   // 嘴,半圈    ctx.moveTo(65,65);    ctx.arc(60,65,5,0,Math.PI*2,true);  // 左眼    ctx.moveTo(95,65);    ctx.arc(90,65,5,0,Math.PI*2,true);  // 右眼    ctx.stroke();      //使用ctx.fill();就是填充色;                       })</script>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表