html5中canvas方法怎么使用

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

　　html5的canvas方法使用

　　HTML5 canvas的isPointInPath是一個(gè)非常重要的函數(shù)，其作用是判斷某一點(diǎn)是否是在某個(gè)路徑內(nèi)。其語法如下：

　　html5的canvas方法使用指南，

　　canvas的方法

　　save（）保存當(dāng)前環(huán)境的狀態(tài)

　　restore（） 返回之前保存過的路徑狀態(tài)和屬性

　　createEvent（）

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

　　toDataUPL（） 返回canvas圖像的URL

　　線條樣式的屬性和方法

　　屬性：

　　lineCap設(shè)置或返回線條的結(jié)束端點(diǎn)樣式

　　lineJoin設(shè)置或返回兩條線相交時(shí)，所創(chuàng)建的拐角類型

　　lineWidth設(shè)置或返回當(dāng)前線條的寬度。

　　miterLimit設(shè)置或返回最大斜接長度

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

　　屬性

　　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ī)定漸變對象中的顏色或停止位置

　　路徑方法

　　fill（）填充當(dāng)前繪圖（路徑）

　　stroke（）繪制已定義的路徑

　　beginPath（）起始一條路徑，或重置當(dāng)前路徑

　　moveTo（）把路徑移動到畫布中的指定點(diǎn)，不創(chuàng)建線條

　　closePath（）創(chuàng)建從當(dāng)前點(diǎn)回到起始點(diǎn)的路徑

　　lineTo（）添加一個(gè)新點(diǎn)，創(chuàng)建從該點(diǎn)到最后指定點(diǎn)的線條

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

　　quadraticCurveTo（）創(chuàng)建第二次貝塞爾曲線

　　bezierCureTo（）創(chuàng)建上次方貝塞爾曲線

　　arc（）創(chuàng)建弧/曲線（用于創(chuàng)建圓形或部分圓）

　　arcTo（）創(chuàng)建兩切線之間的弧/曲線

　　isPointInPath（）如果指定的點(diǎn)位于當(dāng)前路徑中，返回布爾值

　　矩形

　　Rect（）創(chuàng)建矩形

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

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

　　clearRect（）在給定的矩形內(nèi)清除指定的像素

　　設(shè)置文本屬性和方法

　　屬性：

　　font 設(shè)置或返回文本內(nèi)容的當(dāng)前字體屬性

　　textAlign設(shè)置或返回文本內(nèi)容的當(dāng)前對齊方式

　　textBaseline 設(shè)置會返回在繪制文本時(shí)使用的當(dāng)前文本基線。

　　方法：

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

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

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

　　轉(zhuǎn)換方法

　　scale（） 縮放當(dāng)前繪圖至更大或更小

　　rotate（） 旋轉(zhuǎn)當(dāng)前繪圖

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

　　transform（）替換繪圖的當(dāng)前轉(zhuǎn)換矩陣

　　setTransform（）將當(dāng)前轉(zhuǎn)換重置為單位矩陣。然后運(yùn)行transform（）

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