SVG提供了圍繞某一點(diǎn)旋轉(zhuǎn)的標(biāo)準(zhǔn)方法（rotate(angle, px, py)谱轨，px戒幔，py代表指定點(diǎn)的坐標(biāo)），沒(méi)有提供圍繞某個(gè)點(diǎn)縮放的方法土童，不過(guò)這些都可以通過(guò)變換序列（多個(gè)變換連續(xù)進(jìn)行）來(lái)實(shí)現(xiàn)溪食。
假設(shè)需要圍繞的點(diǎn)坐標(biāo)為(px, py)，縮放倍數(shù)為fx娜扇，旋轉(zhuǎn)角度為angle错沃，則：
實(shí)現(xiàn)圍繞該點(diǎn)縮放的變換序列為：
transform="translate(-px(fx-1)栅组，-py(fx-1)) scale(fs)"；
實(shí)現(xiàn)圍繞該點(diǎn)旋轉(zhuǎn)的變換序列為：
transform="translate(px, py) rotate(angle) translate(-px, -py)"枢析；
理解為什么這兩個(gè)變換序列能達(dá)到目的的關(guān)鍵在于理解translate,scale,rotate這些變換是發(fā)生在坐標(biāo)系上而不是發(fā)生在繪制的圖形上玉掸，每發(fā)生一次變換，坐標(biāo)系都發(fā)生了改變醒叁，下一個(gè)變換的基礎(chǔ)是上一個(gè)變換發(fā)生后改變了的坐標(biāo)系司浪。
咔咔，更詳細(xì)的動(dòng)畫(huà)演示等我學(xué)會(huì)了svg動(dòng)畫(huà)再說(shuō)……
