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()