0

長方形とポイントテキスト要素を作成しようとしています。長方形がテキスト要素のコンテナになります。

テキスト要素がないと、すべてが正常に機能します。テキスト要素が挿入されると、長方形が押しのけられます。さて、長方形は正しい位置に表示されますが、イベントを受け取るポイントは押しのけられます。

http://jsbin.com/abejim/1をご覧ください

ホバーすると、長方形の視認性が向上します。ホバリングは影響しませんが、マウスを580,280前後に移動すると、視認性が向上します。

助言がありますか？

4

1 に答える 1

0

その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
于 2013-08-02T16:31:21.050 に答える