大学生新闻网,大学生新闻发布平台
大学生新闻网
大学生新闻大学生活校园文学大学生村官
社会实践活动社会实践经历社会实践报告社会实践总结社会实践心得
全国排名校友会版软科排名分类排名本科排名一本排名二本排名专科排名学校地址
求职简历职场法则面试技巧职场故事求职招聘大学生就业
英语学习计算机学习电气工程机械工程经济管理建筑设计财务会计
申请书证明书检讨书自荐信演讲稿心得体会调查报告读后感求职信推荐信其它范文

小程序画布对指定的图像创建模式的方法CanvasContext.createPattern

CanvasContext.createPattern(string image, string repetition)
对指定的图像创建模式的方法,可在指定的方向上重复元图像

基础库 1.9.90 开始支持,低版本需做兼容处理。
小程序插件:支持
参数
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()
    作者:大学生新闻网    来源:大学生新闻网
    发布时间:2025-04-12    阅读:
    扫一扫 分享悦读