微信小程序API 绘图·createPattern

由 Carrie 创建, 最后一次修改 2018-03-23

canvasContext.createPattern


基础库 1.9.90 开始支持,低版本需做兼容处理

定义

对指定的图像创建模式的方法,可在指定的方向上重复元图像

语法

canvasContext.createPattern(image, repetition)

参数

属性值 类型 说明
image String 重复的图像源,仅支持包内路径和临时路径
repetition String 指定如何重复图像,有效值有: 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()
以上内容是否对您有帮助:

二维码
建议反馈
二维码