HTML5 Javascript：將文本保存到畫布上嗎？

Question

如果您看看我到目前為止所做的一切，將有助於解釋我的追求，因為我通常無法解釋哈哈。 http://logomakr.bugs3.com/

在我的繪圖應用程序中，我已經實現了將文本添加到畫布的功能，但是，它並沒有像形狀那樣記錄/保存到畫布上。 當我嘗試查看它時，似乎HTML Canvas文本傾向於放置在畫布上而不是畫布上。 我什至復制了一個簡單的：

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.fillText("Hello World",10,50);

要進行測試，它可以在畫布上完美顯示，但繪制形狀后就消失了，甚至只是單擊保存按鈕，文本也就不在png上了？

有沒有其他選擇或解決方法？

（盡管我確定您可以在網站上查看源代碼，但讓我知道您是否需要查看代碼）

先感謝您！

Answer 1

對於繪制的形狀（矩形，圓形，直線），您正在使用mouseup事件觸發將“ tempCanvas”保存到“ realCanvas”。

但是對於文本，您根本就不會將tempCanvas保存到realCanvas。 然后，當您清除tempCanvas中的其他圖形時，文本將被吹走。 也許您可以添加一個[save text]按鈕，以便用戶可以觸發將文本的tempCanvas保存到realCanvas。