Rumah  >  Artikel  >  hujung hadapan web  >  js实现将canvas生成图片保存或直接保存一张图片

js实现将canvas生成图片保存或直接保存一张图片

小云云
小云云asal
2018-05-19 15:49:133131semak imbas

本文主要和大家分享js实现将canvas生成图片保存或直接保存一张图片,希望能帮助到大家。

将canvas数组保存

<span style="font-size: 14px;">function downLoadImage(canvas,name) {<br/>    var a = document.createElement("a");<br/>    a.href = canvas.toDataURL();<br/>    a.download = name;<br/>    a.click();}<br/></span>

canvas:传入canvas的dom对象
name:保存的图片的名字

直接将图片保存的方法

<span style="font-size: 14px;">function downLoadImage(img,name) {<br/>    var a = document.createElement("a");<br/>    a.href = img.src;<br/>    a.download = name;<br/>    a.click();}<br/></span>

img:图片的dom对象
name:保存为图片时的名字

Atas ialah kandungan terperinci js实现将canvas生成图片保存或直接保存一张图片. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn