html5中canvas方法怎么使用

這篇文章主要介紹“html5中canvas方法怎么使用”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“html5中canvas方法怎么使用”文章能幫助大家解決問題。

　　html5的canvas方法使用

　　HTML5 canvas的isPointInPath是一個非常重要的函數，其作用是判斷某一點是否是在某個路徑內。其語法如下：

　　html5的canvas方法使用指南，

　　canvas的方法

　　save（）保存當前環境的狀態

　　restore（） 返回之前保存過的路徑狀態和屬性

　　createEvent（）

　　getContext（）返回一個對象，指出訪問繪圖功能必要的API

　　toDataUPL（） 返回canvas圖像的URL

　　線條樣式的屬性和方法

　　屬性：

　　lineCap設置或返回線條的結束端點樣式

　　lineJoin設置或返回兩條線相交時，所創建的拐角類型

　　lineWidth設置或返回當前線條的寬度。

　　miterLimit設置或返回最大斜接長度

　　顏色，樣式和陰影屬性和方法

　　屬性

　　fillStyle設置或返回用于填充繪畫的顏色，漸變或模式

　　strokeStyle設置或返回用于筆觸的顏色，漸變或模式

　　shadowColor設置或返回用于陰影的顏色

　　shadowBlur設置或返回用于陰影的模糊級別

　　shadowOffsetX設置或返回陰影距形狀的水平距離

　　shadowOffsetY設置或返回陰影距形狀的垂直距離

　　方法

　　createLinearGradient（）創建線性漸變（用在畫布內容上）

　　createPattern（）在指定的方向上重復指定的元素

　　createRadialGradient（）創建放射狀/環形的漸變（用在畫布內容上）

　　addColorStop（）規定漸變對象中的顏色或停止位置

　　路徑方法

　　fill（）填充當前繪圖（路徑）

　　stroke（）繪制已定義的路徑

　　beginPath（）起始一條路徑，或重置當前路徑

　　moveTo（）把路徑移動到畫布中的指定點，不創建線條

　　closePath（）創建從當前點回到起始點的路徑

　　lineTo（）添加一個新點，創建從該點到最后指定點的線條

　　clip（）從原始畫布剪切任意形狀和尺寸的區域

　　quadraticCurveTo（）創建第二次貝塞爾曲線

　　bezierCureTo（）創建上次方貝塞爾曲線

　　arc（）創建弧/曲線（用于創建圓形或部分圓）

　　arcTo（）創建兩切線之間的弧/曲線

　　isPointInPath（）如果指定的點位于當前路徑中，返回布爾值

　　矩形

　　Rect（）創建矩形

　　fillRect（）繪制”被填充”的'矩形

　　strokeRect（）繪制矩形（無填充）

　　clearRect（）在給定的矩形內清除指定的像素

　　設置文本屬性和方法

　　屬性：

　　font 設置或返回文本內容的當前字體屬性

　　textAlign設置或返回文本內容的當前對齊方式

　　textBaseline 設置會返回在繪制文本時使用的當前文本基線。

　　方法：

　　fillText（）在畫布上繪制”被填充的”文本

　　strokeText（）在畫布上繪制文本（無填充）

　　measureText（）返回包含指定文本寬度的對象

　　轉換方法

　　scale（） 縮放當前繪圖至更大或更小

　　rotate（） 旋轉當前繪圖

　　translate（）重新映射花布衫的（0,0）位置

　　transform（）替換繪圖的當前轉換矩陣

　　setTransform（）將當前轉換重置為單位矩陣。然后運行transform（）

關于“html5中canvas方法怎么使用”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。