-
Javaｓｃｒｉｐｔ代码将内容复制到剪贴板。
（X，Y，圆弧半径，startrad，endrad，逆时针）
对坐标的帆布画布上绘制一条曲线（x，y）为中心，半径的圆的半径。该弧的初始弧startrad，和圆弧端endrad。这里的电弧是在顺时针旋转以X轴法线方向的夹角计算（三点钟）。Anticlockwise指出，拉的方向顺时针或逆时针，如果这是真的，逆时针方向旋转，如果假是顺时针，逆时针的参数是可选的，默认值是false，顺时针。
圆弧（）法中弧度的计算方法
Javaｓｃｒｉｐｔ代码将内容复制到剪贴板。
北极（X1，Y1、X2，Y2，半径）
该方法将利用当前端点的三点之间的夹角，端点1（x1，y1）和2（x2，y2）的端点，再画一个弧圈上的角的两边相切，半径为半径，画弧的初始位置是目前的终点，终点是端点2，和电弧的方向是最短弧连接这两端的方向。此外，如果当前的端点不在指定的圈内，这种方法也将从目前的端点的圆弧线的起点画一条线。
在北极的细节（）方法的空间更多，请去这里看详细的用法（北极）。
看后，帆布画弧的API，我们会一起看如何使用电弧（）绘制圆弧。我们已经知道，受电弧的第四参数和第五参数（）代表开始与结束的弧线弧度。我相信所有的读者都在学校数学或几何课程学到的弧度，而弧度的角的角度，弧长等于半径的弧和弧的中心角为1弧度。我们也知道，一个半径为R的圆，它的周长是2pi；R.这些几何知识，我们可以用弧（）绘制圆弧的方法。
用画布绘制弧线
现在，我们要画一个半径50px 1 / 4圆弧。
Javaｓｃｒｉｐｔ代码将内容复制到剪贴板。
HTML5画布圆弧简介
您的浏览器不支持画布标记。
获取画布对象（画布）
VaR的画布document.getelementbyid（myCanvas）；
简单地测试当前浏览器是否支持画布对象，以避免某些浏览器的语法错误不支持HTML5。
如果（帆布。getContext）{
让 / /相应的canvasrenderingcontext2d对象（刷）
VaR CTX = canvas.getcontext（2D）；
启动一个新的呈现路径
Ctx.beginPath（）；
设置蓝色的弧线
ctx.strokestyle =蓝色；
var循环{ {
x：100 x轴中心值坐标
y：100轴中心值坐标
r：50 圆的半径。
}；
/ /沿着坐标（100100）为中心和半径的圆顺时针圆弧50px
Ctx.arc（圆，X，Y，圆，圆。R，0，math.pi / 2，假）；
按照指定的路径弧
Ctx.stroke（）；
}
相应的显示效果如下所示：
顺时针旋转画布
如上图所示，圆的，我们有一套拉弧弧的中心（100100），一个半径为50px的。因为一个半径为R的圆的周长是2pi。R，也就是说，一个完整的圆对应二皮。（转换为常规的角度是360度），所以我们要画一个圈，1 / 4弧，只要弧度π/ 2（90度）是好的，在上面的代码中，我们使用表示PI在Javaｓｃｒｉｐｔ的不断math.pi。
另外，在上面的代码中，我们设置了顺时针画弧的方向（假）。由于初始弧0弧的一端PI； / 2，所以电弧将从X轴的正方向沿顺时针方向去上面的图。如果我们改变了弧的方向在上面的代码中的逆时针旋转，我们会有什么样的影响
Javaｓｃｒｉｐｔ代码将内容复制到剪贴板。
获取画布对象（画布）
VaR的画布document.getelementbyid（myCanvas）；
简单地测试当前浏览器是否支持画布对象，以避免某些浏览器的语法错误不支持HTML5。
如果（帆布。getContext）{
让 / /相应的canvasrenderingcontext2d对象（刷）
VaR CTX = canvas.getcontext（2D）；
启动一个新的呈现路径
Ctx.beginPath（）；
设置蓝色的弧线
ctx.strokestyle =蓝色；
var循环{ {
x：100 x轴中心值坐标
y：100轴中心值坐标
r：50 圆的半径。
}；
/ /沿着坐标（100100）为中心和半径的圆顺时针圆弧50px
Ctx.arc（圆，X，Y，圆，圆。R，0，math.pi / 2，真的）；
按照指定的路径弧
Ctx.stroke（）；
}
相应的显示结果如下：
用画布沿着逆时针方向画一条曲线。
用画布画圆
当我们学习画画，画弧，我们要画一个圈是上面的代码只需要不在话下，最终可以改变2pi音乐弧度。
Javaｓｃｒｉｐｔ代码将内容复制到剪贴板。
获取画布对象（画布）
VaR的画布document.getelementbyid（myCanvas）；
简单地测试当前浏览器是否支持画布对象，以避免某些浏览器的语法错误不支持HTML5。
如果（帆布。getContext）{
让 / /相应的canvasrenderingcontext2d对象（刷）
VaR CTX = canvas.getcontext（2D）；
启动一个新的呈现路径
Ctx.beginPath（）；
设置蓝色的弧线
ctx.strokestyle =蓝色；
var循环{ {
x：100 x轴中心值坐标
y：100轴中心值坐标
r：50 圆的半径。
}；
在画布 / /在坐标点（100100）为圆心，半径画一个圆50px
Ctx.arc（圆，X，Y，圆，圆。R，0，math.pi×2，真的）；
按照指定的路径弧
Ctx.stroke（）；
}
相应的显示结果如下：
Javaｓｃｒｉｐｔ代码将内容复制到剪贴板。
获取画布对象（画布）
VaR的画布document.getelementbyid（myCanvas）；
简单地测试当前浏览器是否支持画布对象，以避免某些浏览器的语法错误不支持HTML5。
如果（帆布。getContext）{
让 / /相应的canvasrenderingcontext2d对象（刷）
VaR CTX = canvas.getcontext（2D）；
启动一个新的呈现路径
Ctx.beginPath（）；
设置蓝色的弧线
ctx.strokestyle =蓝色；
var循环{ {
x：100 x轴中心值坐标
y：100轴中心值坐标
r：50 圆的半径。
}；
在画布 / /在坐标点（100100）为圆心，半径画一个圆50px
Ctx.arc（圆，X，Y，圆，圆。R，0，math.pi×2，真的）；
按照指定的路径弧
Ctx.stroke（）；
}
备注：最初的弧度参数，在startrad电弧电参数endrad结束（）方法都是弧度。即使你填写一个数字，比如360，它仍然被视为360弧度，设定上述代码的圆弧360的后果是什么它取决于渲染的方向（即逆时针的参数值）。如果是顺时针方向画出来的（false），它会画一个完整的圆。如果是画逆时针，大于2π，电弧将转换为与半径相等的圆弧，但不超过2pi音乐。例如，上述代码的圆弧将3pi；（math.pi×3），如果逆时针方向是错误的，它将显示为一个完整的圆，如果真的，它的显示效果设置为PI，当显示的效果是一样的。
弧的一端设置3pi；渲染效果顺时针旋转（假）
弧的一端设置3pi；渲染效果的逆时针旋转（真的）