私は以下のようなRaphaelrectを作成しました:
var rect1 = paper.rect(100,100,100,100)
ここで、rectをクリックするとカーソルが表示され、ユーザーがテキストを入力/入力できるようになります。
私はJSとRaphaelに非常に慣れていません。
私は以下のようなRaphaelrectを作成しました:
var rect1 = paper.rect(100,100,100,100)
ここで、rectをクリックするとカーソルが表示され、ユーザーがテキストを入力/入力できるようになります。
私はJSとRaphaelに非常に慣れていません。
それは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();
});
(クリックイベントを発生させるには、長方形を白で塗りつぶす必要があることに注意してください。)