🤟 Vue + GSAP 實戰 在學習過基礎 SVG 動畫原理後，如果結合我們熟悉的技術棧使用豈不是更爽。GSAP 提供了 npm 安裝包，下面我們來在 Vue 項目中集成 GSAP。 安裝 GSAP yarn add gsap -S // or npm i gsap -S 在 Vue 組件中使用 GSAP 假設我們讓一個矩形旋轉 240 度，無限循環。 template div id="a
🖼️ SVG 圖案動畫（Pattern） 想要在Web頁面中繪製背景圖案，我們首先可能想到的是使用 CSS，可能你也有所嘗試，比如簡單的漸變到複雜的網格、點陣等，SVG 中也有繪製背景圖案的解決方案。 SVG 中 fill 屬性支持以 pattern 方式填充一個圖案，Pattern 也是一個強大的元素聲明，如果圖案設計的比較完美，那麼會輕易得到一個無縫銜接的圖案。像這樣： 原理 在 Web
