SVG提供了圍繞某一點旋轉(zhuǎn)的標(biāo)準(zhǔn)方法（rotate(angle, px, py)，px，py代表指定點的坐標(biāo)），沒有提供圍繞某個點縮放的方法，不過這些都可以通過變換序列（多個變換連續(xù)進(jìn)行）來實現(xiàn)。

假設(shè)需要圍繞的點坐標(biāo)為(px, py)，縮放倍數(shù)為fx，旋轉(zhuǎn)角度為angle，則：
實現(xiàn)圍繞該點縮放的變換序列為：
transform="translate(-px(fx-1)，-py(fx-1)) scale(fs)"；
實現(xiàn)圍繞該點旋轉(zhuǎn)的變換序列為：
transform="translate(px, py) rotate(angle) translate(-px, -py)"；

理解為什么這兩個變換序列能達(dá)到目的的關(guān)鍵在于理解translate,scale,rotate這些變換是發(fā)生在坐標(biāo)系上而不是發(fā)生在繪制的圖形上，每發(fā)生一次變換，坐標(biāo)系都發(fā)生了改變，下一個變換的基礎(chǔ)是上一個變換發(fā)生后改變了的坐標(biāo)系。

咔咔，更詳細(xì)的動畫演示等我學(xué)會了svg動畫再說……