首先回答下題主的問題:

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

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

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

答:

沒有任何限制

以下是詳細說明:

前端用

html2canvas.js

可以把html轉成

canvas

最后輸出

base64

碼圖片用法非常簡單.注意:示例中使用了

jquery

庫.使用以下代碼生成:

第一個參數是要捕捉的區域

第二個參數負責生成

生成的

base64

圖片碼類似這樣

如果題主的后端需要保存可以用PHP的GD庫處理這個base64然后直接輸出成圖片文件前端只要將base64放到a標簽的href里讓用戶點擊即可查看/下載可以到我寫的

工作流程圖

里看看效果首先拖幾個控件到設計區域然后點擊保存-保存為圖片Download一張圖片就出來了不過它是不支持CSS3部分屬性的但是根據題主的描述,應該不會用到CSS3,所以

html2canvas+GD庫

足夠用了