將HTML表格保存爲圖像

Question

我有一個網站，我正在構建一個從表單中獲取數據（人員姓名）並將其張貼到下一頁表格中的自定義「註釋」中的網站。我希望用戶能夠將他們的「筆記」保存爲一張帶有自定義名稱的圖像。有沒有辦法將一個SPECIFIC HTML TABLE保存爲PNG？也許截取網頁上的特定座標的截圖？

如果不是有沒有辦法在HTML畫布中呈現張貼的PHP內容？

任何幫助將是偉大的。我現在有點頭痛。

Answer 1

可行的解決方案

• 使用FPDF來創建HTML（表）PDF
• 使用ImageMagick的PDF格式轉換爲PNG

Answer 2

您可以使用類似html2ps

Answer 3

你可以也使用Xvfb。這是一個Linux軟件包。它代表「X-window虛擬幀緩衝器」（如果你想知道爲什麼它有這麼深奧的名字）。

這將做什麼，是加載一個頁面，執行任何JavaScript並將CSS中的不同樣式應用於服務器的幀緩衝區。然後你可以保存圖像。

Xvfb可能不會在大多數共享託管服務上可用，但是，如果沒關係，那麼它將是一個可行的解決方案。

Answer 4

雖然您可以使用各種工具呈現HTML，但您無法確定這些工具是否會像瀏覽器呈現HTML一樣呈現HTML。

如果你的最終目標是它生成的文本圖像，然後讓我們來解決，而不是試圖讓您建議的工作解決了這個問題。

看看PHP的imagettftext()函數。它包含一個示例＃1它從文本創建一個小的，簡單的圖像，可以存儲在任何變量中......包括一個表單變量。

通過使用這個例子，並添加一些其他的PHP's GD functions，你可以做一個體面的副本的表，並確保它看起來完全按照你想要的方式，而不是html2ps或其他工具呈現它的方式。

<?php 
// Set the content-type 
header('Content-Type: image/png'); 

// Create the image 
$im = imagecreatetruecolor(400, 30); 

// Create some colors 
$white = imagecolorallocate($im, 255, 255, 255); 
$grey = imagecolorallocate($im, 128, 128, 128); 
$black = imagecolorallocate($im, 0, 0, 0); 
imagefilledrectangle($im, 0, 0, 399, 29, $white); 

// The text to draw 
$text = isset($_POST['name']) ? $_POST['name'] : "name"; 
// Replace path by your own font path 
$font = 'arial.ttf'; 

// Add some shadow to the text 
imagettftext($im, 20, 0, 11, 21, $grey, $font, $text); 

// Add the text 
imagettftext($im, 20, 0, 10, 20, $black, $font, $text); 

// Using imagepng() results in clearer text compared with imagejpeg() 
imagepng($im); 
imagedestroy($im); 
?> 

這裏是由上面的腳本生成的樣本輸出：

注意，您需要提供arial.ttf按照指示在上面的鏈接。

如果事情不起作用，請在繼續操作之前在屏幕上和Web服務器的錯誤日誌中查找錯誤。您的Web服務器上可能沒有安裝PHP的GD模塊。如果是這種情況，您應該與您的服務器管理員聯繫，確保您需要的是可用的。

Answer 5

您可以在客戶端嘗試this JS library。