微信小程序实现canvas按照原图等比例不失真绘制海报图,防止模糊
我这里的场景是收款二维码+收款背景图。
绘制二维码
我这里绘制二维码使用的 wxapp-qrcode ,也可以使用weapp-qrcode,基本是一样的,今天主要讲解适配不同屏幕尺寸的canvas。
onLoad: function (options) {
const size = this.setCanvasSize() // 动态设置画布尺寸
微信小程序实现canvas按照原图等比例不失真绘制海报图,防止模糊
我这里的场景是收款二维码+收款背景图。
绘制二维码
我这里绘制二维码使用的 wxapp-qrcode ,也可以使用weapp-qrcode,基本是一样的,今天主要讲解适配不同屏幕尺寸的canvas。
onLoad: function (options) {
const size = this.setCanvasSize() // 动态设置画布尺寸