這篇文章將為大家詳細講解有關如何利用三角函數在canvas上畫虛線，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯公司專業(yè)為企業(yè)提供麗水網站建設、麗水做網站、麗水網站設計、麗水網站制作等企業(yè)網站建設、網頁設計與制作、麗水企業(yè)網站模板建站服務，10多年麗水做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。

代碼如下：

var context=document.getElementById("canvas").getContext("2d");
function drawDashedLine(context,x1,y1,x2,y2,dashlength){
    dashlength=dashlength===undefined?5:dashlength;
    var deltaX=x2-x1; //一條直角邊的長
    var deltay=y2-y1; //另一條指教邊的長

    var numDashes=Math.floor(
        Math.sqrt(deltaX*deltaX+deltay*deltay)/dashlength  //Math.sqrt返回一個數的平方根  dashlength虛線每個點的長度
    )

    var everydashLength_x=deltaX/numDashes  //確定X軸每條虛線點的起始點
    var everydashLength_y=deltay/numDashes  //確定Y軸每條虛線點的起始點

    for(var i=0;i
效果如圖
關于“如何利用三角函數在canvas上畫虛線”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
            
            
                        

            文章題目：如何利用三角函數在canvas上畫虛線            

            文章出自：http://weahome.cn/article/jeceoj.html