本文整理自网络,侵删。
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()
标签:微信小程序
相关阅读 >>
微信小程序api 实时音视频-创建livepushercontext对象
更多相关阅读请进入《微信小程序》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者