javascript - 使用 paper.js 将 pointtext 插入画布会将其他项目推开

Question

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

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

请参阅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