小程序
小游戏
企业微信
微信支付
扫描小程序码分享
想问一下,使用query获取的2d canvas 能使用drawImage吗?我这段代码老是报下面的错。大神们帮忙分析一波。
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
新的接口已经跟HTML5的canvas接口对齐了,所以drawImage的第一个参数需要是image对象。给你个参考代码
// 加载函数 function loadImage(canvas,src) { return new Promise((resolve,reject) => { const img = canvas.createImage(); img.onload = () => { resolve(img); }; img.onerror = (e) => { reject(e); }; img.src = src; }); }; // 使用时 loadImage(canvas,fileUrl) .then((img)=>{ let ctx = canvas.getContext('2d'); ctx.drawImage(img, 0, 0,100,100) });
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
麻烦提供能复现问题的代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
新的接口已经跟HTML5的canvas接口对齐了,所以drawImage的第一个参数需要是image对象。给你个参考代码
// 加载函数 function loadImage(canvas,src) { return new Promise((resolve,reject) => { const img = canvas.createImage(); img.onload = () => { resolve(img); }; img.onerror = (e) => { reject(e); }; img.src = src; }); }; // 使用时 loadImage(canvas,fileUrl) .then((img)=>{ let ctx = canvas.getContext('2d'); ctx.drawImage(img, 0, 0,100,100) });
麻烦提供能复现问题的代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html