ES6_day01

### canvas特性

標簽中的文本只有在瀏覽器下支持canvas標簽時才顯示

行內塊元素

高度設置在標簽屬性上

### 填充色設置

ctx.fillStyle="#ff0000"

### 線條顏色設置

ctx.strokeStyle="ff0000"

### 線條粗細

ctx.lineWidth=""

線 moveTo(x,y) 開始位置 lineTo(x,y) 結束位置

### 線條端點

ctx.lineCap="round" 圓滑

### 圓弧

ctx.arc(圓心x,圓心y,半徑，開始弧度,結束弧度，順逆時針)

弧度3點鐘位置是0，順時針方向6點 1/2Π 9點Π 十二點1.5Π 重新到3點2Π

最後參數預設false,順時針

### .beginPath() 開始新路徑

### 矩形

.strokeRect(x,y,width,height)和.fillRect(x,y,width,height) 直接繪製矩形

closePath() 封閉路徑 將開始位置和結束位置鏈接

### 文字

.strokeText("1234",x,y)

.fillText("1234",x,y)

.font="px 黑體"

### 圖片

.drawImage(img元素，圖片水平裁剪的開始位置，圖片垂直裁剪的開始位置，裁剪的寬頻，裁剪的高度，畫布放置位置x，畫布放置位置y，放置寬度、放置高度)

  (img,放置x,放置y) 圖片大小與原圖一致

  (img,放置x，放置y,防止寬度，放置高度)