HTML5 里面我在画一个圆形，里面的cxt.arc(70,18,15,0,Math.PI*2,true)；_安全

cxtarc(100,100,30,0,MathPI2,true); 括号内第一个和第二个参数，代表圆心坐标。第三个参数是圆的半径。第四个参数代表圆周起始位置。0 PI就是起始位置。沿顺时针路线，分别是05 PI（正下方），1 PI和15 PI（正上方），为画饼图提供了扇形范围的依据。第五个参数是弧长MathPI2就是整个圆，MathPI是半圆。第六个参数是一个布尔值，true是顺时针false是顺时针。

css给定一个竖线，然后写几个原点，定位到竖线上去，如果感觉竖线和原点有空隙，可以给原点加个跟背景色一样的边框，就好了。
你想实现的这种方式，可以给没一条信息里面写一个圆点，然后定位，就能实现了。不管上下距离多大，圆点都会在竖线上，并且跟信息条目在一条线上

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<canvas id="myCanvas" width="600" height="600" style="border:1px solid #000000;">
您的浏览器不支持 HTML5 canvas 标签。
</canvas>
<script>
var c=documentgetElementById("myCanvas");
var ctx=cgetContext("2d");
ctxbeginPath();
ctxfillStyle="#FF6699";
ctxfillRect(0,0,200,200);
ctxbeginPath();
ctxarc(100,100,50,0,2MathPI);
ctxstroke();
</script>
</body>
</html>

方法一：

HTML5+CSS，注意，只有支持HTML5的浏览器才行，百度的也一样，我用搜狗浏览器切换到IE内核就变成正方形了。代码如下

方法二：

把设置成DIV的背景，然后在DIV里再装一张有圆形孔的GIF，中间的圆形孔做成透明。

此方法兼容所有浏览器。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://www.outofmemory.cn/yw/13331738.html

HTML5 里面我在画一个圆形，里面的cxt.arc(70,18,15,0,Math.PI*2,true)；

发表评论

评论列表（0条）