### canvas特性
標簽中的文本只有在瀏覽器下支持canvas標簽時才顯示
行內塊元素
高度設定在標簽屬性上
### 填充色設定
ctx.fillStyle="#ff0000"
### 線條顏色設定
ctx.strokeStyle="ff0000"
### 線條粗細
ctx.line
線 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,防止寬度，放置高度)
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/547954.html
標籤：其他