Question

我有一个项目，我正在使用EaselJS在容器内创建填充（矩形）和文本。我的目标是使这个矩形和文本可拖动以将其移动到画布上。这已经完成并且运作良好。我的问题是当我尝试使用on scaleX和scaleY使用onMouseOver处理程序调整矩形大小时。这确实已经完成，但矩形只是从它的初始点移动到其他位置......

我已经读过我需要使用regX和regY属性来覆盖它，但在我的代码的上下文中我不能。有人可以告诉我我做错了吗？

这是我的JSFiddle example所以你可以确切地看到发生了什么。只需将鼠标拖到矩形上即可看到我的意思。它必须是易于实现的东西，但我不确定如何，请帮助我。

感谢!!! =）

Answer 1

你的问题是，你绘制的是不是0 | 0，“标准”的方法是从0 | 0开始绘制你的形状，然后将形状本身定位在.x和{{ 1}}

.y

然后我将容器放在140 | 160 + regX / Y偏移处：

rectOpt0.graphics.beginFill("#C51A76").rect(140,160,78,35);
=> changed to
rectOpt0.graphics.beginFill("#C51A76").rect(0,0,78,35);

这是更新的小提琴：http://jsfiddle.net/WfMGr/2/

使用EaselJS调整可拖动填充的大小

1 个答案: