在圖像上繪圖和書寫並保存

Question

我將圖像托管在服務器上，我想開發一些功能以使用戶可以繪制圖片。 他們也需要寫一些文本，最后將結果保存為圖片。

最后，它是一個簡單的編輯器，但是我找不到允許它的JavaScript庫...

您可以在這里看到我需要的最終結果的示例： https : //nsa40.casimages.com/img/2019/08/29/190829023122267348.jpg

Answer 1

您可以使用Canvas API輕松實現這一目標。

您可以通過創建新的Image對象將圖像拖入畫布。 canvas API本身有很多方法可以處理圖像上顯示的內容（繪制橢圓和光柵化文本等形狀）。

最后，可以使用toDataURL方法將畫布保存為png。

我敢肯定，如果您在Internet上閑逛，您會發現已經有一些用於此類事情的圖書館。 可能嘗試使用的某些關鍵字是“圖像編輯庫JS”或類似的關鍵字。 如果您按照網上的示例進行操作，則可以自行開發功能。 希望這可以幫助 ：）