Question

我创建了一个Raphael rect，如下所示： var rect1 = paper.rect(100,100,100,100)

现在，我希望当我点击矩形时，会出现一个光标，并且允许用户在某些文本中输入/键入

我对JS和Raphael非常陌生。

Answer 1

这不是拉斐尔的自然用法。可以把它想象成一个绘图库。如果您查看RaphaelJS页面上的SVG specifications或任何demos，您就会明白这一点。

但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/

（请注意，您需要用白色填充矩形才能触发点击事件。）

如何允许在raphael对象中键入文本，比如说rect？

1 个答案: