微信小程序如何生成带二维码的分享海报？
网友回复
直接使用canvas画布合成
1、首先在wxml中输入一个canvas和一个现实最终海报的image
<canvas style="position:fixed;top: 0;left: -100%;" type="2d" id="Canvas"></canvas>
<image src="{{imgsrc}}" mode="aspectFit" ></image>
2、在onready中通过 wx.createSelectorQuery().select获取canvas画板及上下文context；
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
const query = wx.createSelectorQuery()
query.select('#Canvas')
.fields({
node: true,
size: true
})
.exec((res) => {
const canvas = res[0].node
const ctx = canvas.getContext('2d')
this.setData({
canvas...点击查看剩余70%
by thinkfuture
我知道答案，我要回答
私活外包
最新提问
threejs如何引入中文字体json？
FLUX.1 Kontext如何api调用？
腾讯混元模型广场里都是混元模型的垂直小模型，如何api调用？
为啥所有的照片分辨率提升工具都会修改照片上的图案细节？
js如何在浏览器中将webm视频的声音分离为单独音频？
微信小程序如何播放第三方域名url的mp4视频？
ai多模态大模型能实时识别视频中的手语为文字吗？
如何远程调试别人的chrome浏览器获取调试信息？
为啥js打开新网页window.open设置窗口宽高无效？
浏览器中js的navigator.mediaDevices.getDisplayMedia屏幕录像无法录制SpeechSynthesisUtterance产生的说话声音？
