arc函數(shù)在html5中是創(chuàng)建曲線的意思,是Canvas用于創(chuàng)建弧或者曲線的函數(shù);可以通過該函數(shù)創(chuàng)建圓,語法為“arc(定義一個(gè)中心點(diǎn),半徑,起始角度,結(jié)束角度,和繪圖方向:順時(shí)針或逆時(shí)針)”。
本教程操作環(huán)境:windows10系統(tǒng)、HTML5版、Dell G3電腦。
arc函數(shù)在html5中什么意思
語法:arc(定義一個(gè)中心點(diǎn),半徑,起始角度,結(jié)束角度,和繪圖方向:順時(shí)針或逆時(shí)針)
代碼:context.arc(centerX, centerY, radius, startingAngle, endingAngle, antiClockwise);
arc() 方法創(chuàng)建弧/曲線(用于創(chuàng)建圓或部分圓)。
示例如下:
var c=document.getElementById("myCanvas");var ctx=c.getContext("2d"); ctx.beginPath(); ctx.arc(100,75,50,0,2*Math.PI); ctx.stroke();
輸出結(jié)果:
提示:如需通過 arc() 來創(chuàng)建圓,請(qǐng)把起始角設(shè)置為 0,結(jié)束角設(shè)置為 2*Math.PI。
-
中心:arc(100,75,50,0*Math.PI,1.5*Math.PI)
-
起始角:arc(100,75,50,0,1.5*Math.PI)
-
結(jié)束角:arc(100,75,50,0*Math.PI,1.5*Math.PI)
推薦教程:《html視頻教程》