canvascontext.createpattern(string image, string repetition)
支付宝客户端 支持
支小宝客户端 支持
安诊儿客户端 支持
主体: 企业支付宝小程序 、 个人支付宝小程序
相关文档: 旧版 canvas 迁移指南
创建图案。
string image
图像路径。支持网络路径、代码包路径、本地临时路径
string repetition
如何重复图像。可选,默认值为repeat
。
代码示例
.js
.axml
const context = my.createcanvascontext('canvas')
// 创建图案
const parttern = context.createpattern('https://mdn.alipayobjects.com/huamei_esgcm9/afts/img/a*obkbr4bfxbeaaaaaaaaaaaaadsajaq/original', 'repeat')
// 填充图案
context.setfillstyle(parttern)
context.fillrect(20, 20, 250, 180)
context.draw()
<canvas id="canvas">canvas>
图像对比
元图像
创建的图案