svg

###SVG
SVG(Scalable Vector Graphics):可伸縮矢量圖形

矢量圖：用相應的算法來計算圖形（縮小放大不會失真）壞處：顏色不會更加逼真

位圖：由一個像素一個像素組成的圖形（縮小放大會失真）好處：顏色更加逼真

矢量圖屬性：
    rect:矩形
    circle:圓
    line:直線
    polygon:多邊形
    cllipse:橢圓

矢量圖的方法：
    fill：填充顏色
    stroke：邊框顏色
    draggable="true":拖放；true自帶的，不能沒有
    ondrag:元素拖動時觸發
    ondragend:元素放開時觸發
    ondragenter:元素拖動到有效區域時觸發

###Web存儲
本地存儲：
    cookie:瀏覽器和服務器交換數據用的（存在瀏覽器端的一個對象，大小有限制：4KB；在瀏覽器是用來儲存東西的，不安全）
    sessionstorage:存在瀏覽器端；存在時間爲一次繪畫；打開瀏覽器開始；關閉瀏覽器中止
    localstorage:存在瀏覽器端；存放時間永久

若是保存的是對象，那麼會被轉爲字符串，因此在保存以前須要調用
    對象轉字符串：JSON.strongify
    字符串轉對象：JSON.parse