自定义组件 使用 chooseImage 选择图片 使用Canvas 的
drawImage 图片显示不出来
不使用组件 正常绘制 ，使用组件绘制没有图片
<view>
<!-- 以下是对一个自定义组件的引用 -->
<my-component inner-text="Some text"></my-component>
</view>
<view bindtap="chooseimg">上传图片</view>
<canvas canvas-id='mycavas' style="width:100%;height:300rpx;background:red;"></canvas>
js
chooseimg: function () {
wx.chooseImage({
success: function (res) {
console.log("resresresresres", res.tempFilePaths[0]);
ctx.drawImage(res.tempFilePaths[0], 0, 0, 150, 100)
ctx.draw()
},
})
}
你ctx在哪定义的？
问题不在这，不用纠结ctx，
你不贴完整代码谁知道问题在哪。。。组件下createCanvasContext，需要第二个参数。
还是不行的
<view class="inner" bindtap='chooseimg'>
上传图片
</view>
<canvas canvas-id='mycanvas' style='width:100%; height;500rpx; background:red'></canvas>
Component({
properties: {
// 这里定义了innerText属性，属性值可以在组件使用时指定
innerText: {
type: String,
value: 'default value',
}
},
data: {
// 这里是一些组件内部数据
someData: {}
},
methods: {
// 这里是一个自定义方法
customMethod: function () { },
chooseimg:function(){
var that =this
wx.chooseImage({
success: function(res) {
console.log("resresresres", res.tempFilePaths[0])
const ctx = wx.createCanvasContext('myCanvas', that);
ctx.drawImage(res.tempFilePaths[0], 0, 0, 150, 100)
ctx.draw()
},
})
}
}
})
你wxml里canvasID是全小写。。createCanvasContext时用的小驼峰
嗯嗯，问题解决了，就是这个this的问题&& mycanva 大小写的问题，谢谢您，可以加个微信以后多交流，我的微信号MDC911360