溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

context對象的方法有哪些

發(fā)布時間：2022-03-08 09:56:34 來源：億速云 閱讀：141 作者：iii 欄目：開發(fā)技術(shù)

這篇文章主要介紹了context對象的方法有哪些的相關(guān)知識，內(nèi)容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇context對象的方法有哪些文章都會有所收獲，下面我們一起來看看吧。

API 接口

方法 說明
createCanvasContext 創(chuàng)建 canvas 繪圖上下文(指定 canvasId)
createContext(不推薦使用) 創(chuàng)建 canvas 繪圖上下文
drawCanvas(不推薦使用) 進行繪圖
canvasToTempFilePath 導(dǎo)出圖片

context 對象的方法列表

顏色，樣式，陰影

方法 說明
setFillStyle 設(shè)置填充樣式
setStrokeStyle 設(shè)置線條樣式
setShadow 設(shè)置陰影

漸變

方法 說明
createLinearGradient 創(chuàng)建一個線性漸變
createCircularGradient 創(chuàng)建一個圓形漸變
addColorStop 在漸變中的某一點添加一個顏色變化

線條樣式

方法 說明
setLineWidth 設(shè)置線條寬度
setLineCap 設(shè)置線條端點的樣式
setLineJoin 設(shè)置兩線相交處的樣式
setMiterLimit 設(shè)置最大傾斜

矩形

方法 說明
rect 創(chuàng)建一個矩形
fillRect 填充一個矩形
strokeRect 畫一個矩形（不填充）
clearRect 在給定的矩形區(qū)域內(nèi)，清除畫布上的像素

路徑

方法 說明
fill 對當(dāng)前路徑進行填充
stroke 對當(dāng)前路徑進行描邊
beginPath 開始一個路徑
closePath 關(guān)閉一個路徑
moveTo 把路徑移動到畫布中的指定點，但不創(chuàng)建線條。
lineTo 添加一個新點，然后在畫布中創(chuàng)建從該點到最后指定點的線條。
arc 添加一個弧形路徑到當(dāng)前路徑，順時針繪制。
quadraticCurveTo 創(chuàng)建二次方貝塞爾曲線
bezierCurveTo 創(chuàng)建三次方貝塞爾曲線

變形

方法 說明
scale 對橫縱坐標進行縮放
rotate 對坐標軸進行順時針旋轉(zhuǎn)
translate 對坐標原點進行縮放

文字

方法 說明
fillText 在畫布上繪制被填充的文本
setFontSize 設(shè)置字體大小
setTextBaseline 設(shè)置字體基準線
setTextAlign 設(shè)置字體對齊方式

圖片

方法 說明
drawImage 在畫布上繪制圖像

混合

方法 說明
setGlobalAlpha 設(shè)置全局畫筆透明度

其他

方法 說明
save 保存當(dāng)前繪圖上下文
restore 恢復(fù)之前保過的繪圖上下文
draw 進行繪圖
getActions(不推薦使用) 獲取當(dāng)前context上存儲的繪圖動作
clearActions(不推薦使用) 清空當(dāng)前的存儲繪圖動作

關(guān)于“context對象的方法有哪些”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“context對象的方法有哪些”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手