如何使用html5畫布在圖像上添加文字？

Question

我想使用HTML5在圖像上添加文本。如何才能做到這一點？

Answer 1

您可以將圖像加載到畫布上（使用drawImage()），然後在畫布上繪製文字（使用fillText()）。

如果您想要，您可以使用toDataUrl()從畫布中獲取圖像數據，並將該數據發佈到服務器以獲取圖像持久性。

如果您只需要客戶端可見性，那麼您就有了一個更簡單的解決方案，它不使用html5。只是使用絕對定位將圖像疊加在圖像上。