uni.chooseImage({
count: size,
sizeType: ['compressed'],
success(res) {
// 获得临时路径
res.tempFilePaths.forEach(value => {
// 给图片添加水印
let ww, hh, fontcolor;
fontcolor = '#ff0000';
uni.getImageInfo({
src: value,
success(res) {
ww = res.width; //准确的宽高
hh = res.height;
me.cavWidth = ww + 'px';
me.cavHeight = hh + 'px';
var ctx = uni.createCanvasContext('myCanvas', me); //绑定画布
console.log(res.height);
console.log(res.width);
ctx.drawImage(value, 0, 0, ww, hh); //填充进图片
// 时间日期
ctx.setFillStyle(fontcolor); //设置内容1的文字样式
ctx.setFontSize(50);
ctx.setTextAlign('right'); //设置对于坐标点的对齐方式
ctx.fillText('2020/07/17 14:37', ww - 5, 100); //计算距离，将文字定位于图片的某处
uni.showLoading({
//增加loading等待效果
mask: true
});
ctx.draw(false, () => {
uni.canvasToTempFilePath({
canvasId: 'myCanvas',
success: ress => {
uni.hideLoading();
var index = ress.tempFilePath.lastIndexOf('/') + 1;
var img = { uri: ress.tempFilePath, name: ress.tempFilePath.substring(index) };
me.imgs.push(img);
me.$emit('added', img);
}
});
}); //输出到画布中
}
}); //这是uni.getImageInfo({的
}); //这是res.tempFilePaths.forEach(value => {的
} //这是success(res)的
}); 
0 个回复