2013-02-06 24 views
0

我可以知道是否有任何其他方式來創建文本kinetic js畫布,但不使用Kinetic.Text如何在動力學js中創建正常的html5文本框,而不創建對象「Kinetic.Text」?

我在這裏找到了一個例子,這是我需要的: http://www.html5canvastutorials.com/kineticjs/html5-canvas-multi-event-binding/

function writeMessage(messageLayer, message) { 
    var context = messageLayer.getContext(); 
    messageLayer.clear(); 
    context.font = '18pt Calibri'; 
    context.fillStyle = 'black'; 
    context.fillText(message, 10, 25); 
    } 

但在這種情況下,我們需要將鼠標移到/觸發事件僅會顯示文字,一旦我刪除的onclick/onmouseover功能,文本不會顯示。我需要一些可以直接顯示文本的東西。

感謝您的幫助:)

+0

在KineticJS設置後調用'writeMessage'如何?請注意,這是KineticJS的外部,如果畫布被重新繪製,將會丟失。 –

+0

感謝您的建議,但文本圖層必須位於kineticJs畫布內,某些計算和鏈接應用於動態js內。 – user1983104

+0

你可以發佈一些你有什麼代碼,你在找什麼嗎?似乎你只是不希望文字消失。 – SoluableNonagon

回答

0

http://jsfiddle.net/EeBym/1/

我真的不能告訴你在找什麼,因爲你沒有解釋清楚,但如果你正在尋找文本添加到頁面,有多種方式。在途中是添加一些JQuery到你的頁面和一個輸入字段。

$('#words').keyup(function(){ 
    writeMessage(messageLayer, $(this).val());  
}); 

然後您可以將輸入字段綁定到修改消息層的函數。

如果您不希望文本消失,只是防止它被重置或清除。