大學生新聞網，大學生新聞發布平臺
小程序畫布對指定的圖像創建模式的方法CanvasContext.createPattern
CanvasContext.createPattern(string image, string repetition)
對指定的圖像創建模式的方法，可在指定的方向上重復元圖像
基礎庫 1.9.90 開始支持，低版本需做兼容處理。
小程序插件：支持
參數
string image
重復的圖像源，支持代碼包路徑和本地臨時路徑 (本地路徑)
string repetition
如何重復圖像
repetition 的合法值
值 說明 最低版本
repeat 水平豎直方向都重復
repeat-x 水平方向重復
repeat-y 豎直方向重復
no-repeat 不重復
示例代碼
const ctx = wx.createCanvasContext('myCanvas')
const pattern = ctx.createPattern('/path/to/image', 'repeat-x')
ctx.fillStyle = pattern
ctx.fillRect(0, 0, 300, 150)
ctx.draw()
對指定的圖像創建模式的方法，可在指定的方向上重復元圖像
基礎庫 1.9.90 開始支持，低版本需做兼容處理。
小程序插件：支持
參數
string image
重復的圖像源，支持代碼包路徑和本地臨時路徑 (本地路徑)
string repetition
如何重復圖像
repetition 的合法值
值 說明 最低版本
repeat 水平豎直方向都重復
repeat-x 水平方向重復
repeat-y 豎直方向重復
no-repeat 不重復
示例代碼
const ctx = wx.createCanvasContext('myCanvas')
const pattern = ctx.createPattern('/path/to/image', 'repeat-x')
ctx.fillStyle = pattern
ctx.fillRect(0, 0, 300, 150)
ctx.draw()
- 作者：大學生新聞網 來源：大學生新聞網
- 發布時間：2025-04-12 閱讀：
- 掃一掃 分享悅讀
- 小程序畫布測量文本尺寸信息CanvasContext.measureText
- Object CanvasContext.measureText(string text)
- 04-12 關注：0
- 小程序畫布對指定的圖像創建模式的方法CanvasContext.createPatt
- CanvasContext.createPattern(string image, string repetition)
- 04-12 關注：0
- 小程序創建一個圓形的漸變顏色CanvasContext.createCircularGrad
- CanvasGradient CanvasContext.createCircularGradient(number x, number y, number r)
- 04-12 關注：0
- 小程序畫布創建一個線性的漸變顏色CanvasContext.createLinearGr
- CanvasGradient CanvasContext.createLinearGradient(number x0, number y0, number x1, number y1)
- 04-12 關注：0
- 小程序畫布draw用法CanvasContext.draw
- CanvasContext.draw(boolean reserve, function callback)
- 04-12 關注：1
- 小程序canvas 組件的繪圖上下文CanvasContext
- canvas 組件的繪圖上下文。CanvasContext 是舊版的接口， 新版 Canvas 2D 接口與 Web 一致。
- 04-12 關注：1
- 小程序畫布犯創建圖片展示的 data URI Canvas.toDataURL
- string Canvas.toDataURL(string type, number encoderOptions)
- 04-12 關注：1
- 小程序畫布創建 Path2D 對象Canvas.createPath2D
- Path2D Canvas.createPath2D(Path2D path)
- 04-12 關注：1
-
客服QQ：471708534 大學生新聞網©版權所有