由于项目需要,图片裁剪加个水印效果,很简单,写个简单的小例子,详情查看微信官方文档:
https://developers.weixin.qq.com/miniprogram/dev/api/canvas/wx.createCanvasContext.html
效果展示:
图片拼接: 水印:
html:
<canvas class='canvas' canvas-id="firstCanvas"></canvas>
js:
// 获取图片信息
wx.getImageInfo({
src: app.globalData.image,
success: (ress) => {
let ctx = wx.createCanvas