一些html5

---
匿名函数（funcation(){}()）
----
 一、拖拽 draggable=ture
-----
A拖动元素上事件

1. 拖拽开始:ondragstart
2. 拖拽中:ondrag
3. 拖拽结束:ondragend

B投放区事件：
----
- ondragenter:进入投放区
- ondragover:投放区移动
- ondragleave:离开投放区
- ondrop:投放区投放

----
二、 地理定位
---
getCurrentPosition() 方法来获得用户的位置

showPosition() 函数获得并显示经度和纬度

----
三、web储存
---
- cookie:用来维护用户的状态,最大只能存储4K

- sessionStorage :只限于一次会话,存储在服务器里.没有大小限制.

- localStorage:没有时间限制和大小限制的数据存储,存储在浏览器指定的文件夹里面

json.stringify()把json对象转字符串

json.parse()把字符串转换成对象

----
画布
----

canvas 宽和高用它自带的属性设置，不用跟单位
 获取画笔 context = cs.getContext("2d")

-----
一些方法
-----

fillStyle 设置或返回用于填充绘画的颜色、渐变或模式
 
    strokeStyle 设置或返回用于笔触的颜色、渐变或模式

shadowColor 设置或返回用于阴影的颜色

shadowBlur 设置或返回用于阴影的模糊级别
    
    lineCap 设置或返回线条的结束端点样式
 
    lineWidth 设置或返回当前的线条宽度
    
    fill() 填充当前绘图（路径）
 
    stroke() 绘制已定义的路径

beginPath() 起始一条路径，或重置当前路径

moveTo() 把路径移动到画布中的指定点，不创建线条

closePath() 创建从当前点回到起始点的路径

lineTo() 添加一个新点，然后在画布中创建从该点到最后指定点的线条

clip() 从原始画布剪切任意形状和尺寸的区域

quadraticCurveTo() 创建二次贝塞尔曲线

arc() 创建弧/曲线（用于创建圆形或部分圆）

arcTo() 创建两切线之间的弧/曲线

scale() 缩放当前绘图至更大或更小
 
    rotate() 旋转当前绘图

translate() 重新映射画布上的 (0,0) 位置

transform() 替换绘图的当前转换矩阵
 
    save() 保存当前环境的状态

restore() 返回之前保存过的路径状态和属性