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

我试图创建一个矩形和一个pointtext元素，其中矩形是 文本元素的容器

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

请看

悬停时，矩形的可见性应增加。悬停不会影响，但当鼠标移动到580280左右时，其可见性会增加

---

有什么建议吗

在Firefox中，jsbin对我来说似乎工作得很好。矩形将显示在正确的位置，并将鼠标悬停在矩形上使其高亮显示。可能是因为您提出了这个问题，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