本篇內容主要講解“Canvas坐標與路徑怎么應用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“Canvas坐標與路徑怎么應用”吧!

創新互聯建站于2013年創立，公司以成都網站制作、做網站、系統開發、網絡推廣、文化傳媒、企業宣傳、平面廣告設計等為主要業務，適用行業近百種。服務企業客戶上千，涉及國內多個省份客戶。擁有多年網站建設開發經驗。為企業提供專業的網站建設、創意設計、宣傳推廣等服務。 通過專業的設計、獨特的風格，為不同客戶提供各種風格的特色服務。

    Canvas坐標

    canvas是一個二維網格。

    canvas的左上角坐標為(0,0)

    上面的fillRect方法擁有參數(0,0,150,75)。

    意思是：在畫布上繪制150x75的矩形，從左上角開始(0,0)。

    Canvas-路徑

    在Canvas上畫線，我們將使用以下兩種方法：

    moveTo(x,y)定義線條開始坐標

    lineTo(x,y)定義線條結束坐標

    繪制線條我們必須使用到"ink"的方法，就像stroke().

    實例

    定義開始坐標(0,0),和結束坐標(200,100)。然后使用stroke()方法來繪制線條:

    JavaScript:

    varc=document.getElementById("myCanvas");

    varctx=c.getContext("2d");

    ctx.moveTo(0,0);

    ctx.lineTo(200,100);

    ctx.stroke();

到此，相信大家對“Canvas坐標與路徑怎么應用”有了更深的了解，不妨來實際操作一番吧！這里是創新互聯網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！

分享題目：Canvas坐標與路徑怎么應用
分享地址：http://m.newbst.com/article4/jeegoe.html

成都網站建設公司_創新互聯，為您提供電子商務、做網站、標簽優化、定制網站、網站建設、品牌網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯