<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>圆</title>
</head>
<body>
<canvas id="cavsElem" width='400' height="300">
</canvas>
<script>
var context = document.getElementById('cavsElem').getContext('2d');
context.beginPath();//开始路径
context.arc(100,100,100,0,2*Math.PI,true);
context.closePath();//关闭路径
context.fillStyle = 'green';//设置填充颜色
context.fill();//填充
context.beginPath();//开始路径
context.strokeStyle = "#fff";//设置描边颜色
context.lineWidth = 5;//设置线的粗细
context.arc(100,150,25,Math.PI/6,5*Math.PI/6,false);
context.stroke();
context.beginPath();//开始路径
context.strokeStyle = "#fff";//设置描边颜色
context.lineWidth = 5;//设置线的粗细
context.arc(50,60,25, Math.PI/400, 5*Math.PI/1, true);
context.stroke();//描边
context.beginPath();//开始路径
context.strokeStyle = "#fff";//设置描边颜色
context.lineWidth = 5;//设置线的粗细
context.arc(150,60,25, Math.PI/400, 5*Math.PI/1, true);
context.stroke();//描边
</script>
</body>
</html>
用画布画圆
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- @所有文友 建安联谊会作品集，请跟帖[抱拳] 日 子 文/林峰 日头翻过的黑白 幻化成一幅幅岁月的片段 挂在心畔 ...
- 累 消费 大聚会 胡吃海睡 短信满天飞 大家拜年贺岁 鞭炮声震天欲碎 探亲旅游纯粹受罪 酗酒深醉伤身又伤胃
- 一诗一文一个坚持原创的平台 / 每一天的诗歌和梦想，不要再和我擦肩而过 元 宵 节 时间 2018年3月2日 农历...
