如何生成由CSS屬性定義的圖像文件？

-2

有沒有什麼辦法可以從CSS樣式屬性定義的html div創建圖像文件（jpeg或png）。如何生成由CSS屬性定義的圖像文件？

例如：

div area on HTML page

#canvas_base { 
width: 400px; 
height: 200px; 
background-color: #1155aa; 
} 

div.text_div{ 
font-size: 15px; 
font-family: Tahoma; 
color: #770000; 
line-height: 19px; 
position: absolute; 
top: 76px; 
left: 114px; 
display: inline-block; 
-webkit-transform: rotate(0deg); 
} 
img.image_div{ 
position: absolute; 
top: 14px; 
left: 61px; 
display: inline-block; 
width: 240px; 
height: 240px; 
-webkit-transform: rotate(0deg); 
}

我工作的用戶用它來設計自己的名片Web應用程序。提交後，他們應該收到一封JPEG實物模型樣品（與設計的商務卡） - 是這樣的：

enter image description here

你能給我應該使用一些簡短的指導意見（PHP類的名稱，技術等等）。

來源

2013-03-13 minimal

切記：內容將以屏幕分辨率顯示，可能不適合打印。 – 2013-03-13 14:28:47

這個問題沒有通過「你試過什麼？」測試。 GD或imagemagick將是一個很好的開始。 – mkaatman 2013-03-13 14:28:48

Google是你的朋友。 – ShuklaSannidhya 2013-03-13 14:30:41

你應該看看GD library of PHP，它可以讓你創建圖像和添加文本。

Here's我寫了一篇與class I created相關的文章。

來源

2013-03-13 14:27:51 Alvaro

我建議你使用Phantomjs。這將允許您創建一個HTML文檔並將其轉換爲圖像。你可以使用圖形庫在你看來合適的時候合成這個圖像。

來源

2013-03-13 14:53:11 Joe

如何生成由CSS屬性定義的圖像文件？

回答

相關問題