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

Question

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

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

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

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

其中 text 是位置 event.point 处的 paper.PointText(position) 对象。

谢谢!

Answer 1

当您点击 PointText 时，您可以尝试在 Canvas 上放置一个 contenteditable div。

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

目前 paper.js 不支持 PointText 的 word-wrap。他们可能会在 AreaText 中提供对它的支持，希望它应该很快可用。