小程序
小游戏
企业微信
微信支付
扫描小程序码分享
如题
canvas 2d 绘制海报 只要绘制完成立刻生成图片并且保存到相册 怎么立刻保存? 进入页面就立刻绘制 成功马上就生成图片 保存到手机, 用户中间不做任何操作 就点击一次按钮 怎么做 图片的canvas.createImage 还需要图片onload完成才行 中间异步 怎么确保完成后保存
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
https://developers.weixin.qq.com/community/develop/article/doc/000ac686c5c5506f18b87ee825b013
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
你在onload回调里保存图片
onclick(){draw()} draw(){ let screenshot = wx.createImage(); screenshot.src = "...."; screenshot.onload = (img)=>{ canvas.getContext('2d').darw(img) ... //保存图片 } }
onclick(){draw()}
async draw(){
let screenshot = wx.createImage();
let promiseObj1 = this.creatPromise();
screenshot.src = "....";
screenshot.onload = (img)=>{
canvas.getContext('2d').darw(img)
...
//保存图片
promiseObj1.resolve()
}
await promiseObj1.promise;//使用await时 会在resolve调用后再执行后面的语句
//第二张图片
creatPromise(){
let resolve ,reject;
let executor= (_resolve, _reject)=>{
resolve = _resolve;
reject = _reject;
let promise = new Promise<any>(executor);
return {promise, resolve, reject};
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
https://developers.weixin.qq.com/community/develop/article/doc/000ac686c5c5506f18b87ee825b013
你在onload回调里保存图片
onclick(){draw()} draw(){ let screenshot = wx.createImage(); screenshot.src = "...."; screenshot.onload = (img)=>{ canvas.getContext('2d').darw(img) ... //保存图片 } }
onclick(){draw()}
async draw(){
let screenshot = wx.createImage();
let promiseObj1 = this.creatPromise();
screenshot.src = "....";
screenshot.onload = (img)=>{
canvas.getContext('2d').darw(img)
...
//保存图片
promiseObj1.resolve()
}
await promiseObj1.promise;//使用await时 会在resolve调用后再执行后面的语句
//第二张图片
}
creatPromise(){
let resolve ,reject;
let executor= (_resolve, _reject)=>{
resolve = _resolve;
reject = _reject;
}
let promise = new Promise<any>(executor);
return {promise, resolve, reject};
}