小程序
小游戏
企业微信
微信支付
扫描小程序码分享
小程序不能使用new image,那canvas-2d中drawImage怎么使用。。。。。求解答。
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
目前可以使用canvas.createImage生成image对象来解决canvas导入base64图片的问题,目前测试有效。
wx.createSelectorQuery() .select('#canvas') .fields({ node: true, size: true }) .exec((res) => { const canvas = res[0].node const ctx = canvas.getContext('2d'); let img = canvas.createImage(); // 注意是使用canvas实例 不是ctx img.src = base64String; // 带编码的头信息的base64字符 data:image/png;base64,xxx img.onload = () => { ctx.drawImage(img, 100, 0, 100, 100); } }) }
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
早期canvas的drawimage只能传入文件路径
新版canvas 2D就和浏览器的一致了,不过是通过Canvas.createImage仿的new Image
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
目前可以使用canvas.createImage生成image对象来解决canvas导入base64图片的问题,目前测试有效。
wx.createSelectorQuery() .select('#canvas') .fields({ node: true, size: true }) .exec((res) => { const canvas = res[0].node const ctx = canvas.getContext('2d'); let img = canvas.createImage(); // 注意是使用canvas实例 不是ctx img.src = base64String; // 带编码的头信息的base64字符 data:image/png;base64,xxx img.onload = () => { ctx.drawImage(img, 100, 0, 100, 100); } }) }
早期canvas的drawimage只能传入文件路径
新版canvas 2D就和浏览器的一致了,不过是通过Canvas.createImage仿的new Image