通过paper.js在画布上插入pointtext可以将其他项推开

Question

我正在尝试创建一个矩形和一个点文本元素，其中矩形将是文本元素的容器。

没有文本元素，一切正常。 插入文本元素时，将矩形移开。 好吧，矩形显示在正确的位置，但是它接收事件的点被推开了。

请参阅http://jsbin.com/abejim/1

悬停时，矩形的可见性应该增加。 悬停不会影响，但是当鼠标移至580,280及其附近时，它的可见度会增加。

有什么建议么？

Answer 1

那个jsbin在Firefox中对我来说似乎工作正常。 矩形显示在正确的位置，将鼠标悬停在矩形上使其突出显示。 自您提出问题以来，paper.js代码可能已更新。

---

看来您在paper.js 邮件列表上问了同样的问题。 供将来参考，答复为：

pointtext需要相对坐标，而您尝试给出绝对坐标。 试试这个：

var size = new paper.Size(125, 75);    //SM size to paper size
var rectangle = new paper.Rectangle({ x: 0, y: 0 }, size);    //(top_left, bottom_right)
var cornerSize = new paper.Size(10, 10);    //rounding of edges
var shape = new paper.Path.RoundRectangle(rectangle, cornerSize);
shape.strokeWidth = 3;
shape.strokeColor = '#525252';
shape.fillColor = '#FFFFFF';
shape.name = 'shape';
var stateNameTxt = new paper.PointText(10, 65);
stateNameTxt.content = state_name;
stateNameTxt.name = 'stateNameTxt';
var state = new paper.Group();    //create group
state.name = state_name;
state.opacity = 0.8;
state.addChild(shape);    //add shape to grpup
state.addChild(stateNameTxt);    //add pointtext  to group