如何在动力学js中创建一个普通的html5文本框,而不创建对象" Kinetic.Text"?

时间:2013-02-06 04:15:42

标签: javascript html5 text kineticjs

我知道有没有其他方法可以在 kinetic js 画布中创建文字但不使用 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函数,文本就不会显示。我需要一些可以直接显示文字的东西。

感谢您的帮助:)

1 个答案:

答案 0 :(得分:0)

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

我无法确切地说出你在寻找什么,因为你没有清楚地解释它,但如果你想在页面上添加文字,有各种各样的方法。在路上是添加一些JQuery到您的页面和输入字段。

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

然后您可以将输入字段绑定到修改消息层的函数。

如果您不希望文本消失,请阻止其重置或清除。

相关问题