0

Kinetic.Textを使用せずに、キネティック jsキャンバスでテキストを作成する他の方法はありますか?

ここで例を見つけました。これが必要なものです: 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機能を削除すると、テキストは表示されません. テキストを直接表示できるものが必要です。

ご協力いただきありがとうございます：）

4

1 に答える 1

0

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

明確に説明されていないので、何を求めているのかよくわかりませんが、ページにテキストを追加する場合は、さまざまな方法があります。途中で、ページと入力フィールドに JQuery を追加します。

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

次に、メッセージレイヤーを変更する関数に入力フィールドをバインドできます。

テキストが消えたくない場合は、テキストがリセットまたはクリアされないようにしてください。

于 2013-02-06T15:53:35.110 に答える