paperjs pointtext On悬停选择并调整大小
我正在尝试使用paperjs在画布上添加pointtext。我能够在画布上创建pointtext,但需要处理文本的拖动和大小调整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
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帮助这一点