CanvasContext.createPattern

CanvasContext.createPattern(string image, string repetition)

CanvasContext 是旧版的接口，新版 Canvas 2D 接口与 Web 一致

从基础库 2.9.0 开始，本接口停止维护，请使用 RenderingContext 代替

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

小程序插件：支持

相关文档: 旧版画布迁移指南、canvas 组件介绍

功能描述

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

参数

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