UI框架

canvas

strokeRect() 矩形 不填色
fillrect() 矩形 填色
clearRect() 清空矩形内的指定像素
fillstyle() 设置绘画的颜色填充
strokestyle() 设置笔触的颜色
moveTo(x,y) 线条开始坐标
lineTo(x,y) 线条结束坐标
beginPath(); 开始一条路径
closePath(); 结束路经
arc() 创建圆

creatPattern() 平铺方式
creaatLinearGradient(x1,y1,x2,y2); 线性渐变
strokeText 文字边框
fillText(文字 x,y)
textAlign 左右对齐
textBaseline 上下对齐
shadowOffset 偏移
shadowBlur 高斯模糊值
shadoColor 阴影颜色

拖拽

draggable=true 进行拖拽
dragstart 拖拽前触发
drg 拖拽中
dragend 拖拽结束
dragenter 进入目标元素
dragover 进入目标中
dragleave 离开目标
drop 在目标元素上释放鼠标触发
draTransfer对象 解决火狐问题
setData() 设置数据
*getData() 获取数据 *
effectAllowed 设置光标样式
setDraaglmage 拖拽外部文件图片
files 获取外部 拖拽的文件
fileReader 读取文件信息
onload 文件成功完成时触发
readAsDataURL 文件对象路径

存储数据
localStrorage sessionStrorage 存储数据(第一个比第二个储存更安全)
localStrorage.setltem 保存数据
localStrorage.getltem 读取数据
localStrorage.removeItem 删除单个数据
local

你可能感兴趣的:(UI框架)