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

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

小云云
Lepaskan: 2018-05-19 15:49:13
asal
3194 orang telah melayarinya

本文主要和大家分享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>
Salin selepas log masuk

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>
Salin selepas log masuk

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

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan