使 paper.js PointText 可使用光标编辑

Make paper.js PointText editable with a cursor

我正在为我正在处理的网站使用图像注释工具,我需要使用 paper.js PointText 对象在 canvas 上键入文本。那部分很简单。我还希望能够使用可见光标进行键入,然后编辑 create/change 多行,保存并再次编辑。

这是用光标打字并在中间编辑的部分,我想知道它是否可能。现在,我可以键入和删除字母,但只能在我已经创建的文本的末尾进行。我想在中间编辑而不删除任何内容。

我没有发布太多代码,因为我的问题是理论性的,而且除了 jQuery 属性 contentEditable.[=20 之外,我找不到任何代码可以尝试=]

$(text).attr('contentEditable');

其中 text 是位置 event.pointpaper.PointText(position) 对象。

谢谢!

您可以尝试在单击 PointText 时在 canvas 上放置 contenteditable div。

举个例子: http://jsfiddle.net/maitreyjukar/jz9Lu7wf/3/

目前 paper.js 不支持 word-wrap PointText。他们可能会在 AreaText 中提供支持,希望很快就会可用。