如何把網頁上的文字和圖片轉化為一張圖片？

在我目前設計的網站中，有個頁面是可供使用者瀏覽/編輯合約內容的，其中會添加文字和圖片。最後，需要將頁面中整個合約內容（包括文字和使用者上傳的圖片）輸出成圖片格式。
請問：
①是否可以實現，以及如何?？（我目前想到的方法就是在伺服器上渲染成圖片後再調用給前端，具體實現的過程也說不上來 ><）
②如果可以實現，對於使用者上傳的圖片格式有無限制？（PNG/JPG等）

非常感謝。

回複內容：

首先回答下題主的問題:

①是否可以實現，以及如何?？

答:可以實現,而且是前端實現,詳細說明在下面

②如果可以實現，對於使用者上傳的圖片格式有無限制？（PNG/JPG等）

答:沒有任何限制

以下是詳細說明:

前端用 html2canvas.js可以把html轉成 canvas最後輸出 base64碼圖片

用法非常簡單.
注意:樣本中使用了 jquery庫.

使用以下代碼產生:

1. 第一個參數是要捕捉的地區
2. 第二個參數負責產生
   

html2canvas($('.droppable'), {              onrendered: function(canvas) {                var data=canvas.toDataURL("image/png");//產生的格式                //data就是產生的base64碼啦              }});

http://wkhtmltopdf.org
轉換圖片和pdf都行gd庫可以吧開啟gd2庫。
調用imagettftext()。
要注意的是文字內容的編碼需要utf8。

