使 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.point
的 paper.PointText(position)
对象。
谢谢!
您可以尝试在单击 PointText
时在 canvas 上放置 contenteditable
div。
举个例子:
http://jsfiddle.net/maitreyjukar/jz9Lu7wf/3/
目前 paper.js
不支持 word-wrap
PointText
。他们可能会在 AreaText
中提供支持,希望很快就会可用。
我正在为我正在处理的网站使用图像注释工具,我需要使用 paper.js
PointText
对象在 canvas
上键入文本。那部分很简单。我还希望能够使用可见光标进行键入,然后编辑 create/change 多行,保存并再次编辑。
这是用光标打字并在中间编辑的部分,我想知道它是否可能。现在,我可以键入和删除字母,但只能在我已经创建的文本的末尾进行。我想在中间编辑而不删除任何内容。
我没有发布太多代码,因为我的问题是理论性的,而且除了 jQuery
属性 contentEditable
.[=20 之外,我找不到任何代码可以尝试=]
$(text).attr('contentEditable');
其中 text
是位置 event.point
的 paper.PointText(position)
对象。
谢谢!
您可以尝试在单击 PointText
时在 canvas 上放置 contenteditable
div。
举个例子: http://jsfiddle.net/maitreyjukar/jz9Lu7wf/3/
目前 paper.js
不支持 word-wrap
PointText
。他们可能会在 AreaText
中提供支持,希望很快就会可用。