小程序
小游戏
企业微信
微信支付
扫描小程序码分享
和官网一样的配置。点击无反应,怎么肥事?
----------------------------------------------------------------分割线----------------------------------------------------------------
type="2d" 后来发现添加type就不会显示图片
但是没有这个2d又不可以使用wx.createSelectorQuery()设置高度、宽度,怎么破?
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
去掉type属性试一下,属性冲突了
补充:宽高设置
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
我比你还惨,用同样的示例,报这个 错,canvas 2d上没有drawImage方法?????
/** 画圆形头像 */ drawCircleAvatar(sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight) { this.ctx.arc(this.toPx(sx), this.toPx(sy), this.toPx(sWidth / 2), 0, 2 * Math.PI); this.ctx.clip(); const _this = this; wx.chooseImage({ success: function(res) { console.log('图片地址-->>', res.tempFilePaths[0]); _this.ctx.drawImage( res.tempFilePaths[0], _this.toPx(sx), _this.toPx(sy), _this.toPx(sWidth), _this.toPx(sHeight), _this.toPx(dx), _this.toPx(dy), _this.toPx(dWidth), _this.toPx(dHeight) ); _this.ctx.draw(); }, }); },
canvas是可以在style中设置高宽的,但是不支持自动拉伸,如果需要根据图片的大小自适应,需要把宽高设置成变量,然后根据获取的图片高宽,重新设置高宽
你提到的通过wx.createSelectorQuery()获取dom高度,不知道这步是打算做什么?
打印一下,你的图片有没获取成功
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
去掉type属性试一下,属性冲突了
补充:宽高设置
我比你还惨,用同样的示例,报这个 错,canvas 2d上没有drawImage方法?????
/** 画圆形头像 */ drawCircleAvatar(sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight) { this.ctx.arc(this.toPx(sx), this.toPx(sy), this.toPx(sWidth / 2), 0, 2 * Math.PI); this.ctx.clip(); const _this = this; wx.chooseImage({ success: function(res) { console.log('图片地址-->>', res.tempFilePaths[0]); _this.ctx.drawImage( res.tempFilePaths[0], _this.toPx(sx), _this.toPx(sy), _this.toPx(sWidth), _this.toPx(sHeight), _this.toPx(dx), _this.toPx(dy), _this.toPx(dWidth), _this.toPx(dHeight) ); _this.ctx.draw(); }, }); },
canvas是可以在style中设置高宽的,但是不支持自动拉伸,如果需要根据图片的大小自适应,需要把宽高设置成变量,然后根据获取的图片高宽,重新设置高宽
你提到的通过wx.createSelectorQuery()获取dom高度,不知道这步是打算做什么?
打印一下,你的图片有没获取成功