如何截取HTML表單的截圖？

我正在研究一個基本上是用戶填寫的Web表單的項目。一旦完成，他們可以保存整個完整表單的屏幕截圖，以用作一種小冊子。如何截取HTML表單的截圖？

我想解決這個問題的最佳方法。

我有一個簡單的原型使用canvas標籤工作，但文本格式選項不夠好，因爲我需要我想知道是否有其他方式來生成HTML元素的屏幕截圖。

2014-12-04 Alejandro Gorgal

爲什麼你需要這樣做？也許你可以用另一種方式完成同樣的事情。我不認爲你想要完成的事情是可能的。 – www139 2014-12-04 14:33:17

如果你想在瀏覽器中使用SVG，你可以選擇使用它。 – K3N 2014-12-04 15:03:31

將html轉換成pdf [wkhtmltopdf命令工具]（http://wkhtmltopdf.org/）是最好的選擇。實際上它使用webkit引擎呈現頁面併爲您創建PDF。這意味着你甚至可以使用@ font-face，腳本等。你可以找到一些文檔[這裏]（http://wkhtmltopdf.org/usage/wkhtmltopdf.txt） – skobaljic 2014-12-04 15:07:20

如果我可能會建議，請將結果發佈到網絡服務器，並使用一些可用的報告工具從它創建一個漂亮的PDF文檔。

在我看來，這是最好的，可維護的解決方案。無需在HTML或Javascript中進行黑客攻擊。您可以使用自己的徽標，打印版式，字體等。

來源

2014-12-04 14:31:31

這是一個很好的解決方案，但我會提到HTML5畫布上的任何用戶圖形將不會持久保存到服務器，除非您通過「在JavaScript中對其進行黑客入侵」序列化畫布內容（序列化==保存/重放所有畫布繪圖命令或保存畫布dataURL）。 ;-) – markE 2014-12-04 18:45:32

@markE：OP有一個可以輕鬆發佈的表單。他試圖用「畫布」來解決它。我認爲這是XY問題的一個例子。 – 2014-12-04 19:04:54

夠不夠... – markE 2014-12-04 19:37:47

如何截取HTML表單的截圖？

回答

相關問題