微信小程序中canvas.drawImage画图

微信小程序中canvas.drawImage画图,第1张

描述:在页面加载是使用canvas.drawImage画图,点击页面下面按钮在已绘制好的图形上继续画图。使用ctx.draw()弄了多次,均会把之前的图清掉重新绘制,看文档得知,在ctx.draw()时,传入参数true即可保存原来绘制的图,在此记录一下。

详见如下:

canvas使用:

index.wxml中

js中

1、首先,在微信小程序中,可以使用wx.createCanvasContext()函数来创建一个画布,用于绘制打印模板。

2、然后,可以使用CanvasContext.fillText()函数来绘制文本,CanvasContext.fillRect()函数来绘制矩形,CanvasContext.drawImage()函数来绘制图片等。

3、最后,可以使用CanvasContext.draw()函数来将绘制的内容渲染到画布上,并使用wx.canvasToTempFilePath()函数将画布转换为图片,以便打印。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11530411.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存