微信小程序API 绘图·createPattern

2022-05-09 17:04 更新

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()
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号