12 SVG圖檔的應用

  • SVG圖檔的取得:創用CC圖庫下載

  • 如何快速瀏覽SVG圖檔

    • 利用【檔案總管】來顯示SVG的檔案名稱,並放在螢幕的右半邊

    • 螢幕左邊放IE或Chrome等瀏覽器

    • 將SVG檔從右邊拖曳到左邊的瀏覽器,即可開啟此圖檔

    • 重覆以上的動作,就可快速觀看SVG圖檔,還可用下一頁、下一頁來觀看已觀看過的圖檔

  • 如何將SVG圖檔叫進SCRATCH成為一個角色

    • 開啟SCRATCH

    • 點選新增角色的第三個圖示

      • 找到圖檔並開啟

  • 由靜態SVG圖變為動態角色

    • 點選該角色的【造型】,由於SVG檔為向量圖檔,所以工具列會出現在右邊(向量圖)

    • 由於叫進來的造型很大,所以調整到所需的大小

      • 解散群組(按【解散群組】多次,可將圖形拆解成各元件)

      • 調整火焰的大小(從小到大)

      • 調整好後,再複製同一個造型後,再去調整另一個的大小

        • 除了調整大小外,也可利用【重新塑形】來改變形狀

      • 完成蠟蠋的5個造型

      • 寫上程式,蠟蠋的火焰就會動了,完成