1.前言
uniapp中的canvas与HTML中的canvas用法并不同,他的使用文档请参考微信小程序画布
2.基本使用
- 1.准备canvas容器,并为其设置canvas-id和宽高(为了兼容H5,最好把id也一并设置)
<canvas id="canvas" canvas-id="canvas" style="width: 384px; height: 150px;"></canvas>
- 2.获取绘图工具(传入canvas-id)
var ctx = uni.createCanvasContext(‘canvas‘)
- 3.设置样式并进行绘制
ctx.setFontSize(20)
ctx.fillText(‘你好,世界‘, 50, 50)
ctx.draw()