Recentemente, no projeto, é necessária uma função de baixar imagens (como mostrado abaixo)
A princípio, considere usar o atributo de download da tag a para download:
<A href = imagem src download = download poster> download poster </a>
No entanto, após o teste, descobri que, no Safari, os arquivos baixados não podem ser trazidos para o nome de expansão, então tenho que mudar de idéia e usar a tela para processamento.
1. A imagem precisa adicionar Crossorigin = 'Anonymous' para definir o atributo cruzado da imagem
img.crossorigin = 'anonymous';
2. Use Todataurl para converter a imagem em formato base64
Canvas.todataurl (imagem/png)
3. Use o evento de clique analógico para acionar o download
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 fe6650492.jpg';}
O acima é todo o conteúdo deste artigo.