@download / 博客 RSS 訂閱

Oct 19 2022

like - JS下載圖片的方法總結

有沒有小夥伴在開發“純前端下載圖片”功能時，遇到以下的場景？ 1. 下載已存在的圖片 2. 下載某個元素的內容 分享解決以上問題的方法 下載已存在的圖片：使用canvas畫圖，a標籤下載 export function downloadImg(imgUrl: string, imgTitle: string) { var img = new Image(); img.src = im

download , html2canvas , 前端 , Javascript

收藏 評論

Oct 22 2021

donglegend - javascript實現網頁截圖導出方案

前言 網頁截圖導出不是一個非常高頻的需求，但時不時的也會遇到。這裏總結一下系統的解決方案，然後從中選擇合適自己的。 截圖導出可以看到是兩個功能，第一步實現截圖，第二步實現導出也就是下載能力。 截圖實現 首先，我們必須明白正常javascript是運行在瀏覽器裏的，本身沒有截圖的能力。所以要想實現截圖，必須通過其他迂迴方案實現，廢話少説，直接上結論。 前端方案1 canvas 代表庫html2can

puppeteer , download , html2canvas

收藏 評論