1.獲取<canvas>元素對應的DOM對象,這是一個Canvas對象;
2.調用Canvas對象的getContext()方法,得到一個CanvasRenderingContext2D對象;
3.調用CanvasRenderingContext2D對象進行繪圖。
繪製曲線跟繪製曲線的有四個函數,分別是:
•context.arc(x,y,r,sAngle,eAngle,counterclockwise);用於創建弧/曲線(用於創建圓或部分圓)。接收的參數含義:| 參數| 含義|
| :--- |:---|
| x | 圓的中心的x 坐標|
|y|圓的中心的y 坐標|
|r|圓的半徑|
|sAngle|起始角,以弧度計(弧的圓形的三點鐘位置是0 度)|
|eAngle|結束角,以弧度計|
|counterclockwise|可選。規定應該逆時針還是順時針繪圖。 False = 順時針,true = 逆時針|
下面是幾個arc()函數的幾個示例:
JavaScript Code複製內容到剪貼板