javascript - raphaeljs bbox 集合中出现问题

Question

我尝试使用 rafael 库的 set() ，得到了 bbox 的奇怪行为，这里是示例(请设置 i>2 来查看问题)，也放在 jsfiddle http://jsfiddle.net/Uue5h/46/ 上

var paper=Raphael("out",320,200);
var box=paper.rect(50,50,30,30);
var lx=0;
 var ly=0;
 //just to have placement
 var bx=box.getBBox().x;
 var by=box.getBBox().y;
 var pset=paper.set();
 for (var i=0;i<6;i++) {
   //place a box to randmom place;
   var newbox=paper.rect(Math.round(Math.random()*100),Math.round(Math.random()*100),10,10);
    //translate it once to be sure that it is not because it was translated
    newbox.translate(10,10);
        pset.push(newbox);

 }
 //set here i<2 to see a problem
 for (var i=0;i<1;i++) {
    //place items in rows;
 for (var nn in pset.items) {
    //new placement calculate;
       var nx=bx+lx*32;
       var ny=bx+ly*32;
       var cb=pset[nn];
    //here the problem !
    //if called second time the returnded bbx looks incorrect
       var bbx=cb.getBBox();
    //calculate translate coordinates
       var tx=nx-bbx.x;
       var ty=ny-bbx.y;
    //translate item
       cb.translate(tx,ty);
    //shift it to front
       cb.toFront();   
    //calculate row/col    
       lx++;
    if (lx>=2) {lx=0;ly++}
 }       
 }

Answer 1

RaphaelJS 中的 bbox 存在一个已知问题。

pathBBox() returns reference to cached bbox

pathBBox() 返回一个引用，而不是缓存的 bbox 值的副本，这意味着该值可能会被意外覆盖。

简单修复:

raphael.js - 第 1300 行

return clone(pth.bbox);