2

私は以下のようなRaphaelrectを作成しました: var rect1 = paper.rect(100,100,100,100)

ここで、rectをクリックするとカーソルが表示され、ユーザーがテキストを入力/入力できるようになります。

私はJSとRaphaelに非常に慣れていません。

4

1 に答える 1

1

それはRaphaelの自然な使い方ではありません。主に描画ライブラリと考えてください。SVGの仕様またはRaphaelJSページのデモのいずれかを見ると、そのアイデアがわかります。

しかし、RaphaelはネイティブのJavascriptまたはjQueryと自然に統合されます。長方形の上にフチなしのテキストエリアを配置し、ユーザーがスペースをクリックすると、次のようにアクティブ化(およびフォーカス)します。

var paper = Raphael("canvas", 300, 300),
    rect1 = paper.rect(100,100,100,100).attr({fill: "#FFF"});

rect1.click(function(e) {
   $('#text').show(); 
   $('#text').focus(); 
});
​

http://jsfiddle.net/NtKKZ/

(クリックイベントを発生させるには、長方形を白で塗りつぶす必要があることに注意してください。)

于 2012-12-26T19:05:27.703 に答える