paperjs pointtext On悬停选择并调整大小

paperjs pointtext On悬停选择并调整大小,text,resize,drag,point,paperjs,Text,Resize,Drag,Point,Paperjs,我正在尝试使用paperjs在画布上添加pointtext。我能够在画布上创建pointtext,但需要处理文本的拖动和大小调整 scope.drawText = function () { var pointTextLocation = new p.Point(100,100); var myText = new p.PointText(pointTextLocation); myText.fillC

我正在尝试使用paperjs在画布上添加pointtext。我能够在画布上创建pointtext,但需要处理文本的拖动和大小调整

scope.drawText = function () {
               var pointTextLocation = new p.Point(100,100);
                var myText = new p.PointText(pointTextLocation);
                myText.fillColor = 'red';
                myText.fontSize= 25;
                myText.content = 'Sample Text';
            };
是否可以使用paperjs在屏幕下方执行类似操作

我在谷歌上找不到任何地方。请建议怎么做

这是可能的(使用
项.缩放
),但您必须自己对缩放框进行编码(通过使用与鼠标和键盘事件交互的规则形状绘制缩放框)。这个手工制作的缩放框将控制
PointText.scaling
PointText.rotation
属性


缩放框编码不简单,也不难,我很遗憾地注意到,这是一个非常常见的问题,目前还没有标准的解决方案(太多的解决方案无法实现这种缩放框),据我所知,还没有好的代码片段可以依赖。

我已经更新了我的代码。我能够创建pointtext并将其拖动到画布中的任何其他地方

但当我双击时,我必须编辑文本。怎么做

var pointTextLocation = new p.Point(x,y);

                var myText = new p.PointText(pointTextLocation);
                myText.fillColor = 'red';
                myText.fontSize= 25;
                myText.content = 'Sample Text';

                myText.onDoubleClick = function(event) {
                    this.fontSize= 50;
                }
                myText.onClick = function(event) {
                    if(this.selected){
                        this.selected= false;
                    }else{
                     this.selected= true;   
                    }

                }
                 myText.onMouseDrag = function(event) {
                    myText.position=event.point;
                }

相关问题:将是一个简单的例子缩放框。任何身体plz帮助这一点