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