昨天完成引入了Canvas元件，也先用繪製長方形的方式來製作背景色，今天呢就要來說一下canvas內建的繪圖，把目前我所想到之後會使用的，先做個簡單的介紹．

那首先來介紹一下劃線的部分，如果今天要畫的是直線，需要先設定線斷的起始點moveTo，然後線段終點lineTo，最後再使用stroke將線段繪製出來． 如果要改變線段設定，顏色、虛實、寬度等等，在stroke之前修改即可．

這邊是畫弧線的方法，設定圓心、半徑、起始角度以及結束角度．這邊順便練習將圓分半，用不同的虛線設定來畫．

上面呢都是線條的繪製，接下來要介紹一下繪製矩形，那因為純色塊的矩形，已經在背景時用過了，這邊就換成繪製矩形的線，還有漸層色的矩形．

其中createLinearGradient(x0,y0,x1,y1);的變數分別代表著，x0:漸層開始的x座標；y0：漸層開始的y座標；x1：漸層結束的x座標；y1：漸層結束的y座標．

今天的最後來畫個填滿效果的半圓．

畫的方式就是將線條勾勒完畢後加上fill()．

如果執行上面的程式碼，就會變成下面這個奇怪的畫面囉．

今天介紹完了基礎的繪圖，明天就開始正式進入遊戲設計啦