在之前的七夕主題中，在留言反饋中經常會有人說："這個怎么又是圖片，還以為是畫出來的"。其實我很想說：靠人工是很難畫的。當然基于七夕的優化，我在圣誕中還是特意引入的一部分svg與canvas來做一些圖形操作。SVG是基于xml標記語言可縮放矢量圖形，支持無損縮放的同時也因為是dom節點，所以也支持事件，但是弊端也很明顯，dom的數量非常大，復雜度高，渲染就比較慢了，也不適合游戲的開發，一般會用canvas之后會介紹

SVG有什么優勢？

• 文件體積小，能夠被大量的壓縮
• 圖片可無限放大而不失真(矢量圖的基本特征)
• 在視網膜顯示屏上效果極佳
• 能夠實現互動和濾鏡效果

SVG的知識點太多了，這里不打算講知識點，相信整個教程就算講解SVG都不夠，所以希望大家查閱相關的知識點。

圣誕主題中只引入一個簡單的五角星的制作，這個其實可以通過工具生成，通過修正viewbox實現縮放

更詳細的教程：SVG