HTML5新特性讲解-2

HTML5：
1.WebSQL、IndexedDB消失了
2.geolocation 地理
PC 完蛋
手机 GPS
3.Webworker 多进程
优点：
1.提高性能
2.提升用户体验
4.video/audio
5.拖拽
ondragenter 进去
ondragleave 出来
ondragover 悬停
ondrop 松开鼠标

let reader = new FileReader();
1.reader.readAsText(oFile) 文本 文本文件
2.reader.readAsDataURL(oFile) base64-图片 图片
3.reader.readAsArrayBuffer(oFile) 原始二进制数据 编辑 - 不实用
4.reader.readAsBinarryString(oFile) 二进制的文本形式数据 上传

JS-高级语言，不擅长处理二进制数据
6.canvas--画布
1.什么东西都能画
2.性能特别高--大型动画、游戏

getContext('2d') 图形上下文--接口
路径操作--只是个范围，没图形
1.路径圈起来
2.描边、填充
-------------------------------------------------------------------------------------
1.路径操作：
moveTo
lineTo
beginPath--清除之前所有的路径
closePath--闭合路径
2.描边、填充：stroke()/strokeStyle/fill()/fillStyle

3.画图：
位置--移动之前鼠标的位置
位置--移动之后鼠标的位置

---------------------------------------------------------------------------------
4.形状
矩形
1.路径版
gd.rect(x, y, w, h);
gd.stroke();
2.直接出图形
gd.strokeRect()
gd.fillRect()
3.？
弧（圆）
gd.arc(cx, cy, r, startAng, endAng, 是否逆时针) 路径
-----------------------------------------------
角度 360度

弧度 2PI弧度
-----------------------------------------------

有用的东西
饼图
-----------------44：00------------------------------

标签：鼠标,二进制,路径,特性,gd,HTML5,讲解,reader,oFile
来源： https://www.cnblogs.com/caicai521/p/11262197.html