uni-app agrega marca de agua y realiza visualización en bucle
@tap="deleleImg(index)">x view>
exportar datos predeterminados {
() {
devolver {
w: '1980px',
h '2340px',
filesArray: []
}
},
},
métodos: {
vista previa(ruta del archivo){
console.log(ruta del archivo)
uni.previewImage({
urls:filepath,
actual:0
})
} ,
add() {
uni.chooseImage({
recuento: 1,
tipo de tamaño: ['original', " comprimido"],
sourceType: [getImageInfo({
src: res.tempFilePaths[0],
éxito: función(imagen) {
/* lectura exitosa para el dibujo de Cavens */
this.w = image.width + 'px'
this.h = image.height + 'px'
consttx = uni.createCanvasContext('firstCanvas')
ctx.drawImage(res.tempFilePaths[0], 0, 0, image.width, image.height)
ctx.setFontSize(60)
ctx.setFillStyle('#FFFFFF')
ctx.fillText(nueva fecha(), 20, 80)
ctx.createCanvasContext('firstCanvas') ctx.draw(false, () => {
uni.canvasToTempFilePath({
x: 0,
y: 0,
ancho: imagen.ancho,
alto: imagen.ancho,
destinoAncho: imagen.ancho,
alturadestino
: image.width,
canvasId: saveImageToPhotosAlbum({
filePath: res.tempFilePath,
éxito: function () {
uni.showToast({
título: 'Título',
duración: 2000
});
}
})
});
array.push(res.tempFilePath)
}
})
})
})
}
});
? this.filesArray.push(matriz)
})
})
})
},
deleleImg(index) {
uni.showModal({
título: 'Consejo',
contenido: "¿Está seguro de que desea eliminar este elemento?
éxito : res => {
if (res.confirm) {
this.filesArray.splice(index, 1);
}
}
})
},
subir(){
}
} p>
}