[請益] 將網頁內容轉存PDF or JPG?

看板Web_Design作者 (阿布拉)時間13年前 (2013/02/06 19:08), 編輯推噓4(4推 0噓 12→)
留言16則, 7人參與, 最新討論串1/1
第一次在此發文，請各位多指教~ 小弟目前有一個需求，就是能夠將網頁上當前的畫面給存成PDF或是JPG的格式， 然後提供給使用者下載，可能是一個按鈕或是連結之類，一點下就能存起來。 因為頁面上可能會有不少Ajax動態生成的資料，或是ExtJs的圖表。 使用者希望有按鈕可以把這些畫面存下來，但是想用我剛講的一鍵下載的方式， 而不想使用Print Screen來貼小畫家。 Server端是jsp如果用別種語言達成也是可以當作參考的！ 想請問各位前輩有人遇過這樣子的需求嗎? 是否有辦法做到呢? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 210.61.193.162
推
02/06 23:08, , 1F
Server端很麻煩 等於是自己要模擬一個瀏覽器跑一樣的網頁
02/06 23:08, 1F
→
02/06 23:08, , 2F
而且還不一定長的一樣
02/06 23:08, 2F
→
02/07 00:08, , 3F
問題在於如果前端做了一些動作，動態改變了頁面的呈現結果
02/07 00:08, 3F
→
02/07 00:08, , 4F
後端該如何去模擬呢....整個就困惑了
02/07 00:08, 4F
推
02/07 01:00, , 5F
http://html2canvas.hertzen.com/ 純JavaScript的網頁截圖
02/07 01:00, 5F
→
02/07 12:21, , 6F
謝謝樓上提供的方向，不過變成canvas似乎也是無法抓下來?
02/07 12:21, 6F
→
02/07 17:32, , 7F
要生pdf時，叫client傳整個html給server就好
02/07 17:32, 7F
→
02/07 17:57, , 8F
謝謝T大的意見，我有想過這樣的方式！
02/07 17:57, 8F
→
02/07 17:59, , 9F
可是卡在一些特殊效果像是Fancybox好像是無法的～
02/07 17:59, 9F
推
02/07 22:26, , 10F
canvas可以用toDataUrl()的方式產生可下載的img元素
02/07 22:26, 10F
→
02/08 09:52, , 11F
謝謝a大的提點，有空來試試！
02/08 09:52, 11F
推
02/08 18:14, , 12F
誠心推薦給你 wkhtmltopdf 能解決你的問題
02/08 18:14, 12F
→
02/16 02:27, , 13F
如果你不在意網頁有 js、flash，server 端很簡單
02/16 02:27, 13F
→
02/16 02:29, , 14F
server 端最萬無一失的解法是 xvfb + FF or Chrome
02/16 02:29, 14F
→
02/16 02:30, , 15F
這是我過去試過上述大大提到的東西，最後選擇的方法
02/16 02:30, 15F
→
02/18 15:54, , 16F
可惜在意的就是js的部分了...目前還是printer screen才能
02/18 15:54, 16F
‣ 更多 eric541 的文章
文章代碼(AID): #1H4Zcq0r (Web_Design)