Recientemente en el proyecto, se necesita una función de descarga de imágenes (como se muestra a continuación)
Al principio, considere usar el atributo de descarga de la etiqueta A para descargar:
<A href = imagen src descargar = descargar póster> descargar póster </a>
Sin embargo, después de la prueba, descubrí que en Safari, los archivos descargados no se pueden llevar al nombre de expansión, por lo que tengo que cambiar de opinión y usar lienzo para el procesamiento.
1. La imagen necesita agregar CRUSORIGIN = 'Anónimo' para establecer el atributo de dominio cruzado de la imagen
img.crossorigin = 'Anónimo';
2. Use Todataurl para convertir la imagen en formato base64
Canvas.todataurl (Imagen/PNG)
3. Use el evento de clic analógico para activar la descarga
var save_link = document.createElement ('a'); ;Código completo:
Var Canvas = $ ('. Canvas'); Function () {var _w = img.naturalwidth; 'A'); .src = 'http://n.sinaimg.cn/transform/20170825/nzi3- fykiu fe66650492.jpg';}Lo anterior es todo el contenido de este artículo.