微信小程序API 绘图介绍(如何在Canvas上画图)


当前第2页 返回上一页

CanvasContext 是小程序内建的一个对象,有一些绘图的方法:

const ctx = wx.createCanvasContext('myCanvas')

第二步:使用 Canvas 绘图上下文进行绘图描述

接着,我们来描述要在 Canvas 中绘制什么内容。

设置绘图上下文的填充色为红色:

ctx.setFillStyle('red')

fillRect(x, y, width, height)方法画一个矩形,填充为刚刚设置的红色:

ctx.fillRect(10, 10, 150, 75)

第三步:画图

告诉<canvas/>组件你要将刚刚的描述绘制上去:

ctx.draw()

结果:

绘图接口和方法


标签:微信小程序

返回前面的内容

相关阅读 >>

微信小程序api 查看位置

微信小程序api 滚动

微信小程序api 接入指引

微信小程序api 调起客户端小程序设置界面

微信小程序 框架(mina)

微信小程序api 绘图linedashoffset

微信小程序 运力方使用onpreauthcodeget

微信小程序 订阅消息addtemplate

微信小程序内容组件 rich-text

微信小程序 wxs模块

更多相关阅读请进入《微信小程序》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...