將變換應用於Raphael.js中的集合

Question

使用Raphael 2.0，我試圖以相對於集合中所有對象的方式將變換應用於一組對象。但是，我得到的效果是，將變換單獨應用於每個項目，而不考慮集合中的其他對象。

例如：http://jsfiddle.net/tim_iles/VCca9/8/ - 如果您現在取消註釋最後一行並運行代碼，則每個圓都縮放爲0.5x。我試圖實現的實際效果是縮放整組圓，所以它們的相對距離也縮放，這應該將它們全部四個放在白色方框的邊界框內。

有沒有一種方法可以使用Raphael的內置工具來實現這一點？

Answer 1

當您縮放時，第一個參數是X尺度。如果您不提供其他參數，它將使用該參數作爲Y尺度，並圍繞對象的中心進行縮放。

當您縮放矩形時，它圍繞矩形的中心縮放。如果你想讓這些圈子圍繞這一點擴展，而不是他們的中心，你應該提供這一點。

所以最後一行可能是set.transform("s0.5,0.5,100,100");（100,100您縮放矩形的中心）

至少，我認爲這是你問的。