在Web中拖放繪圖

Question

問題是要創建動態標簽打印，在該打印中我將向用戶顯示可用的字段（例如，名稱，ID號，地址等），然后讓他們繪制自己的標簽。

就像在左側，有可用字段，在右側是一個大字段，我讓他們拖放這些字段並繪制框和網格。

系統應該能夠保存他們創建的圖形（只要可以將其保存在數據庫中的任何格式），並且可以在后端調用該圖形中的字段。

保存部分很重要，因為如果用戶創建了這么多標簽，我希望他們能夠選擇他們可以用來打印標簽的圖形。

我想將此與我現有的Web Maven Spring 3.x系統集成。

如果有人可以指出要看的地方，無論是在圖形創建中還是在保存中，都很棒。

Answer 1

我前一段時間使用Javascript在Webapp中進行了繪圖/保存工作。 使用HTML canvas元素定義用戶可以繪制的位置。

猜猜有幾個js / jquery庫（也可以自己做所有事情）

也有導出功能（我不記得確切），但是可以將圖形轉換為數據URL並使用隱藏的文本字段上載。 當然，它也可以直接存儲在用戶的計算機上。

首先在w3cschools.com上了解畫布繪圖的介紹