【网站建设手机网站】逆时针方向绘制填充的圆 -网络营销推广_网站建设设计

【网站建设手机网站】逆时针方向绘制填充的圆

发表日期：2018-11-09 07:01:52

【网站建设手机网站】

代码如下：

<html>

<head>

<title>绘制圆弧和圆<／title>

<，head>

·82．

图5-12 页面的显示效果

<body>

您的浏览器不支持canvas元素．

</canvas>

var c=document.getElementById("myCanvas");

var cxFc.getContext("2d");

cxt.fiIIStyle="#ff0000";

cxt.beginPath();

cxt.arc(60,5 0,20,O,Math.PI*2,true);

cxt.closePath();

cxt.fill(); .

cxt.beginPath();

cxt.arc(140,40,20,O,Math.PI,true) ;

cxt.closePath();

cxt.fill();

cxt.beginPath();

cxt.arc(140,60,20,O,Math.PI,false) ;

cxt.closePath();

／／获取画布对象

／／获取画布上绘图的环境

／／设置填充颜色

／／初始化路径

／／逆时针方向绘制填充的圆

／／封闭路径

／／填充路径的内部区域

／／初始化路径

／／逆时针方向绘制填充的圆弧

／／封闭路径

／／填充路径的内部区域

／／初始化路径

inl顷时针绘制圆弧的轮廓

／／封闭路径

400-611-0508

全方位的营销咨询
精准的解决方案
一对一贴心服务