canvas是整張畫布，而在上面要定位任何形狀、圖片、文字都需要使用到座標，座標的操作可以幫助物件定位，而HTML canvas是一的二維網格，起始點(0,0)位於左上角，往右延伸則x增加，同理往下延伸則y軸遞增。
x,y軸的方向如下圖
那如果我今天要定位一個點呢?我們先使用點來呈現定位位置，其實 點 是沒有被賦予形狀的，它只有位置，不過可以使用strokeWeight()函數更改點的大小，讓 點 有形狀可以利用。
點點的函式是
point(x,y)
外框粗細度函式
strokeWeight(width)
可以看到我們定位了一個點點在x軸100，y軸200的地方。
另外可以利用width, height這些 canvas本身的寬高特性，並且結合程式語言的for迴圈，就可以製作出一條點點線
甚至可以做一條斜線
座標的操作在後續非常重要，延伸操作還可以製作有關連性的波浪、圓形，一樣謝謝大家今天的瀏覽，我們明天見~
iThome鐵人賽
看影片追技術