TP Notes

對於 2D 的圖形，材質貼圖相當實用，可以讓畫面更美觀，當初自己在設計繪圖函式庫時也花了不少時間在處理貼圖的部份，而現在 SVG 的貼圖做得更加完善 ``` pattern 參數 : viewBox "x,y,width,height...

SVG 對於線段有個有用的設定是 marker , 可以用來設定線段的起點、中間點，和終點的圖示 ``` marker 的參數 : viewBox 設定 icon 大小，格式為 "x y 寬 高" refX 設定 icon 的原...

SVG 的 mask 和 CSS 有一點不同，用的是黑白來代表透明度，白色是不透明，黑色是透明，如以下範例，圖1是 mask 用的圖，圖2是 rect 套用 mask 後，由黃色部份可以看到，中間的那個心是透明的。 clip-path 是直接裁切，mask 似忽可以取代 cl...