如何窗體保存爲圖像或轉換爲圖像在Java中

Question

我有一種情況，

1. 用戶填寫表格，如登記表，在前端

2. 然後用戶保存表單 - 當用戶點擊保存按鈕時，用戶填寫的所有數據都會發送到其他Web服務（使用spring）以將表單數據保存到db中。

但是我也希望這個

要保存形式的形象也

的形式非常複雜，色彩飽滿許多標誌。

什麼是最好的方式實現這一目標 -

1. 到窗體轉換成圖像前端並上傳到休息

2. 將數據轉換形式在圖像上的背結束

的應用是Android和網絡

上使用前端 - jQuery的

使用後端 - 春天

Answer 1

所以對於你容易和簡單的解決辦法是隻使用當前的DOM，並將其保存爲PNG，您可以使用預建像這樣的

https://github.com/tsayen/dom-to-image

它是用純JavaScript框架，然後你可以上傳PNG生成的數據庫或任何你想將其存儲在

例：

var node = document.getElementById('my-node'); 

domtoimage.toPng(node) 
    .then(function (dataUrl) { 
     var img = new Image(); 
     img.src = dataUrl; 
     document.body.appendChild(img); 
    }) 
    .catch(function (error) { 
     console.error('oops, something went wrong!', error); 
    });