亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JavaScript在網(wǎng)頁中畫圓的函數(shù)arc使用方法

 更新時間：2015年11月13日 14:21:20   作者：王業(yè)樓  
這篇文章主要介紹了JavaScript在網(wǎng)頁中畫圓的函數(shù)arc使用方法的相關(guān)資料,需要的朋友可以參考下

一、arc所需要的參數(shù)設(shè)置

復(fù)制代碼 代碼如下:

arc(x, y, radius, startAngle, endAngle, counterclockwise);


其中x,y,radius都很容易理解，那么重點說說startAngle,endAngle和counterclockwise三個參數(shù)！

二、arc參數(shù)詳解

    1，startAngle和endAngle分別指圓開始的角度和結(jié)束的角度，手冊上面說的是開始的角度為0，結(jié)束的角度為Math.PI*2，這樣正好畫一個圓

    2，下面通過實例來講解startAngle和endAngle（注意html的代碼我沒有寫）

var c = document.getElementById('myCanvas');
var cxt = c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.arc(70, 30, 25, 0, 1, false);
cxt.stroke();

我將開始角度設(shè)為0，結(jié)束角度設(shè)為1，這樣如下圖

var c = document.getElementById('myCanvas');
var cxt = c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.arc(70, 30, 25, 0, 1, false);
cxt.stroke();

  我將開始角度設(shè)為1，結(jié)束角度設(shè)為2，這樣如下圖

 


    上面我們可以看出第一張圖的終點就是第二張圖的起點，也就是說一個圓有無數(shù)個角度，只要你設(shè)置了開始角度和結(jié)束角度，它就可以以圓弧的形狀將兩點連起來！而起點和終點的差值就是圖上兩點的長度！當(dāng)起點和終點的差值可以是兩點重合時，就形成了圓！知道這一點我們就可以制作動態(tài)圓

    3，counterclockwise是指是逆時針(true)還是順時針(false)

    大家看，當(dāng)我將起點設(shè)置為0，終點為1，選擇順時針時

var c = document.getElementById('myCanvas');
var cxt = c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.arc(70, 30, 25, 0, 1, false);
cxt.stroke();

當(dāng)我將起點設(shè)置為0，終點為1，選擇逆時針時

var c = document.getElementById('myCanvas');
var cxt = c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.arc(70, 30, 25, 0, 1, true);
cxt.stroke();


以上內(nèi)容是小編給大家介紹的JavaScript在網(wǎng)頁中畫圓的函數(shù)arc使用方法，希望大家喜歡。

相關(guān)文章

最新評論