一些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() 返回之前保存过的路径状态和属性

一些html5

标签：

原文地址：http://www.cnblogs.com/yyan/p/4805629.html