HTML5中绘制圆形，请问以下两组代码一样，为何一个能显示圆形，一个不能？本人一个小时都没琢磨出来。

html-css033

HTML5中绘制圆形，请问以下两组代码一样，为何一个能显示圆形，一个不能？本人一个小时都没琢磨出来。,第1张

第一个 <canvas id="one" width="800" height="600">

第二个 <canvas id="canvas" width="800" height="600">

这就是区别！

所以第一组的 var canvas=document.getElementById('canvas')

也要相应改为 var canvas=document.getElementById('one')

这样就OK了

使阿拉伯数字周围变成有颜色的圆形可以这是写： <span style="border: 1px solid redborder-radius: 50%">12345</span>，加边框后，设置边框弧度就能改变边框形状

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