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

如果你看看我到目前爲止所做的事情，它會幫助解釋我所追求的事情，因爲我很難解釋通常的哈哈。 http://logomakr.bugs3.com/HTML5 Javascript：將文字保存到畫布上？

在我的繪圖應用程序中，我已經實現了向畫布添加文本的功能，但是，它並不像記錄形狀那樣在畫布上進行記錄/保存。當我試圖研究它時，它看起來像HTML Canvas文本往往放在畫布上而不是它。我甚至複製一個簡單：

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

對其進行測試，顯示在畫布上的所有罰款和花花公子，但很快在繪製時消失的形狀，甚至只需按下保存按鈕上的文本不上png？

有沒有像一個替代方案或方法呢？

（讓我知道如果你需要看到的代碼，雖然我敢肯定，你的就可以查看源代碼的網站）

預先感謝您！

2013-05-13 swaistle

首先嚐試解決這兩個未捕獲的SyntaxError：意外的標記 alkis 2013-05-13 19:16:40

啊是啊，這是一個腳本免費的服務器會自動添加。所以如果它被上傳到普通服務器，它可能不會說錯誤？ – swaistle 2013-05-13 19:32:10

我這麼認爲，是的。 – alkis 2013-05-13 19:34:00

對於繪製的形狀（rects，圓形，線條），您使用mouseup事件觸發將「tempCanvas」保存到「realCanvas」。

但是對於文本，你根本沒有將tempCanvas保存到realCanvas。然後，當您清除tempCanvas以獲取其他圖紙時，文字會被吹走。也許你可以添加一個[保存文本]按鈕，以便用戶可以觸發將文本的tempCanvas保存爲realCanvas。所有的

2013-05-13 19:34:26 markE

Ahright謝謝你花時間解釋，我會盡力謝謝你！：D – swaistle 2013-05-13 19:41:31

非常感謝你的工作！謝謝你解釋我必須做的事！：d – swaistle 2013-05-13 20:20:19

回答