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


本文整理自网络,侵删。

绘图接口和方法


在Canvas上画图


所有在<canvas/>中的画图必须用 JavaScript 完成:

WXML:(我们在接下来的例子中如无特殊声明都会用这个 WXML 为模板,不再重复)

<canvas canvas-id="myCanvas" style="border: 1px solid;"/>

JS:(我们在接下来的例子中会将 JS 放在 onLoad 中)

const ctx = wx.createCanvasContext('myCanvas')
ctx.setFillStyle('red')
ctx.fillRect(10, 10, 150, 75)
ctx.draw()

第一步:创建一个 Canvas 绘图上下文

首先,我们需要创建一个 Canvas 绘图上下文 CanvasContext。

阅读剩余部分

相关阅读 >>

微信小程序api nfc-获取nfc实例

微信小程序api 性能获取相关信息

微信小程序开放数据 open-data

微信小程序 工具库类国际化

微信小程序 框架(mina)

微信小程序组件 native-component

微信小程序 即时配送接口(商家查看)-附录 1:品类表

微信小程序 工具库类lottie

微信小程序api 窗口

微信小程序api gradient(如何绘制渐变效果)

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




打赏

取消

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

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

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

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

评论

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

    正在狠努力加载,请稍候...