Código fuente de eliminación de marca de agua de Uniapp
& ltview& gt
& ltbutton @ tap = " agregar " & gtadd
& ltview class = " archivo " v -if = " archivo longitud de ruta > 0" v-for="(ruta de archivo, índice) en matriz de archivos ":key = "index" >
<image? :src = ruta del archivo[0]mode = " scaleToFill " v-on:click = " vista previa(ruta del archivo)" & gt; { { ruta del archivo } } & lt/image
& ltview class = " del " @ tap = " deleleImg(index)" & gt;x & lt/view & gt;
& lt/view & gt;
& ltview style = "posición:absoluta;arriba:-999999 px;"& gt
& ltcanvas :style="{ancho:w,alto:h}"? canvas-id = " primer lienzo " id = " primer lienzo " & gt;& lt/canvas & gt;
& lt/view & gt;
& lt/view & gt;
& lt/template & gt;
& ltstyle & gt
& lt/style & gt;
& lt Script & gt
Exportar datos predeterminados {
() {
Devolver {
Mujer: '1980px',
h:'2340 píxeles',
Matriz de archivos:[]
}
},
Método: {
Vista previa (ruta del archivo){
console.log(ruta del archivo)
uni.previewImage({
URL: ruta del archivo,
Actual: 0
})
},
add() {
uni.chooseImage ( {
Recuento: 1,
tipo de tamaño: ['original', "comprimido"],
tipo de fuente: ['álbum', 'cámara'],
Éxito: (res = & gt{
Establecer matriz =[];
uni.getImageInfo({
src: res .tempFilePaths[0],
Éxito: función(imagen){
/*dibujo de cavens después de una lectura exitosa*/
this.w = image.width + 'px '
this.h = image.height + 'px '
const CTX = uni . createcanvascontext(' primer lienzo ')
CTX . dibujar imagen(RES . rutas de archivo temporal[0], 0, 0, image.width, image.height)
ctx.setFontSize(60)
ctx.setFillStyle
('#FFFFFF ')
ctx.fillText(nueva fecha(), 20, 80)
ctx.draw(false, ()= & gt{
uni.canvasToTempFilePath({
x: 0,
y: 0,
Ancho: imagen.ancho
Alto: image.width,
destWidth: image.width,
destHeight: image.width,
canvasId: "primer lienzo",
Éxito: función(res){
uni.saveImageToPhotosAlbum({
filePath:res.tempFilePath,
Éxito: función(){
uni.showToast({
Título: 'Título',
Duración: 2000
});
}
});
array.push(res.tempFilePath)
}
})
})
}
});
? this.filesArray.push(array)
})
})
},
Eliminar (índice){
uni.showModal({
Título: "Preguntar",
Contenido: "¿Está seguro de que desea eliminar este elemento?",
Éxito :res = & gt{
if (res.confirm) {
this.filesArray.splice(index, 1);
}
}
})
},
Subir(){
}
}
}
& lt/script & gt;