需求:选择照片后用canvas添加水印,通过uni.canvasToTempFilePath获取base64,此时的图片为什么只有canvas图的左上角一部分??
this.ctx = uni.createCanvasContext("canvas-clipper", _this);
// 绘制照片
this.ctx.drawImage(this.$refs['upload'].lists[index].url, 0, 0);
this.ctx.draw(false, ()=>{
setTimeout(() => {
uni.canvasToTempFilePath({
destWidth: image.width,
destHeight: image.height,
canvasId: "canvas-clipper",
fileType: "jpg",
// quality: 0.1,
success: res => {
console.log('画布base64', res)
},
}, _this);
}, 500);
});
z***@126.com (作者)
你好,定义了,用uni.getImageInfo获取的图片宽高,然后宽高是在canvas标签的style里设置的
2024-04-18 16:31
锦鲤丶接单丶
回复 z***@126.com: 你canvas画出来是正常的不?
2024-04-18 17:14