生活随笔
收集整理的這篇文章主要介紹了
（四）Canvas API方法和属性汇总
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
| canvas主要屬性和方法 | 方法 | 描述 | | save() | 保存當前環(huán)境的狀態(tài) | | restore() | 返回之前保存過的路徑狀態(tài)和屬性 | | createEvent() | ? | | getContext() | 返回一個對象，指出訪問繪圖功能必要的API | | toDataURL() | 返回canvas圖像的URL |
canvas的API-顏色、樣式和陰影屬性和方法 | 屬性 | 描述 | | fillStyle | 設(shè)置或返回用于填充繪畫的顏色、漸變或模式 | | strokeStyle | 設(shè)置或返回用于筆觸的顏色、漸變或模式 | | shadowColor | 設(shè)置或返回用于陰影的顏色 | | shadowBlur | 設(shè)置或返回用于陰影的模糊級別 | | shadowOffsetX | 設(shè)置或返回陰影距形狀的水平距離 | | shadowOffsetY | 設(shè)置或返回陰影距形狀的垂直距離 |
| 方法 | 描述 | | createLinearGradient() | 創(chuàng)建線性漸變（用在畫布內(nèi)容上） | | createPattern() | 在指定的方向上重復(fù)指定的元素 | | createRadialGradient() | 創(chuàng)建放射狀/環(huán)形的漸變（用在畫布內(nèi)容上） | | addColorStop() | 規(guī)定漸變對象中的顏色和停止位置 |
Canvas的API-線條樣式屬性和方法 | 屬性 | 描述 | | lineCap | 設(shè)置或返回線條的結(jié)束端點樣式 | | lineJoin | 設(shè)置或返回兩條線相交時，所創(chuàng)建的拐角類型 | | lineWidth | 設(shè)置或返回當前的線條寬度 | | miterLimit | 設(shè)置或返回最大斜接長度 |
Canvas的API-矩形方法 | 方法 | 描述 | | rect() | 創(chuàng)建矩形 | | fillRect() | 繪制"被填充"的矩形 | | strokeRect() | 繪制矩形（無填充） | | clearRect() | 在給定的矩形內(nèi)清除指定的像素 |
Canvas的API-路徑方法 | 方法 | 描述 | | fill() | 填充當前繪圖（路徑） | | stroke() | 繪制已定義的路徑 | | beginPath() | 起始一條路徑，或重置當前路徑 | | moveTo() | 把路徑移動到畫布中的指定點，不創(chuàng)建線條 | | closePath() | 創(chuàng)建從當前點回到起始點的路徑 | | lineTo() | 添加一個新點，創(chuàng)建從該點到最后指定點的線條 | | clip() | 從原始畫布剪切任意形狀和尺寸的區(qū)域 | | quadraticCurveTo() | 創(chuàng)建二次貝塞爾曲線 | | bezierCurveTo() | 創(chuàng)建三次方貝塞爾曲線 | | arc() | 創(chuàng)建弧/曲線（用于創(chuàng)建圓形或部分圓） | | arcTo() | 創(chuàng)建兩切線之間的弧/曲線 | | isPointInPath() | 如果指定的點位于當前路徑中，返回布爾值 |
Canvas的API-轉(zhuǎn)換方法 | 方法 | 描述 | | scale() | 縮放當前繪圖至更大或更小 | | rotate() | 旋轉(zhuǎn)當前繪圖 | | translate() | 重新映射畫布上的 (0,0) 位置 | | transform() | 替換繪圖的當前轉(zhuǎn)換矩陣 | | setTransform() | 將當前轉(zhuǎn)換重置為單位矩陣。然后運行 transform() |
Canvas的API-文本屬性和方法 | 屬性 | 描述 | | font | 設(shè)置或返回文本內(nèi)容的當前字體屬性 | | textAlign | 設(shè)置或返回文本內(nèi)容的當前對齊方式 | | textBaseline | 設(shè)置或返回在繪制文本時使用的當前文本基線 |
| 方法 | 描述 | | fillText() | 在畫布上繪制"被填充的"文本 | | strokeText() | 在畫布上繪制文本（無填充） | | measureText() | 返回包含指定文本寬度的對象 |
Canvas的API-圖像繪制方法 | 方法 | 描述 | | drawImage() | 向畫布上繪制圖像、畫布或視頻??chrome不支持 |
Canvas的API-像素操作方法和屬性 | 屬性 | 描述 | | width | 返回 ImageData 對象的寬度 | | height | 返回 ImageData 對象的高度 | | data | 返回一個對象，其包含指定的 ImageData 對象的圖像數(shù)據(jù) |
| 方法 | 描述 | | createImageData() | 創(chuàng)建新的、空白的 ImageData 對象 | | getImageData() | 返回 ImageData 對象，該對象為畫布上指定的矩形復(fù)制像素數(shù)據(jù) | | putImageData() | 把圖像數(shù)據(jù)（從指定的 ImageData 對象）放回畫布上 |
Canvas的API-圖像合成屬性 | 屬性 | 描述 | | globalAlpha | 設(shè)置或返回繪圖的當前 alpha 或透明值 | | globalCompositeOperation | 設(shè)置或返回新圖像如何繪制到已有的圖像上 |
轉(zhuǎn)載請注明:?Canvas API方法和屬性匯總 | WEB前端開發(fā) |
|
總結(jié)
以上是生活随笔為你收集整理的（四）Canvas API方法和属性汇总的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。
