SVG筆記:重覆使用

當我開始做「帽子與烏龜」時,我需要計算每一個下落的拼板的端點坐標。後來我想,如果svg能重覆使用某個圖形就好了。

想不到svg真的有這個功能,它就是<use>,只需要href引用某個元素的id,就可以重覆使用該元素。

如果初始圖形不顯示,可以寫在defs中:

Read more

SVG筆記:鼠標按住旋轉

用js實現了svg元素轉動。

如果是電腦鼠標,會顯示offset的數值,如果是手機,則會顯示touches等值。也就是說手機觸屏需要加減計算,才能獲取到觸點坐標。

手機端還有一個巨大的坑就是,

Read more