不完美的完美

2017年11月21日

摘要： <!DOCTYPE html 封装构造函数绘制矩形 html{ overflow:hidden; } //构造函数 function Rect(options){ this.init(options); } Rect.prototype={ init:function(options){ opt 阅读全文

posted @ 2017-11-21 19:04 不完美的完美阅读(398) 评论(0) 推荐(0)

canvas制作柱形图/折线图/饼状图，Konva写动态饼状图

摘要：制作饼状图 <!DOCTYPE html canvas绘制扇形图 body{ background: ccc; } canvas{ background: fff; } (function(){ //定义数据 var data = [ {title:"apple", value:0.24, colo 阅读全文

posted @ 2017-11-21 12:39 不完美的完美阅读(1782) 评论(0) 推荐(0)

2017年11月20日

Canvas 高级

摘要：一、Canvas 高级 1、变换位移 translate(x, y) 2、变换缩放 scale(xS, yS) 3、变换旋转 rotate(弧度) 4、环境的保存和释放 save() restore() 5、设置透明度 globalAlpha 属性设置绘图环境的不透明度值0~1之间 6、限阅读全文

posted @ 2017-11-20 18:39 不完美的完美阅读(954) 评论(0) 推荐(0)

2017年11月19日

canvas画画板,canvas画五角星，canvas制作钟表、Konva写钟表

摘要：制作一个画画板，有清屏有橡皮擦有画笔可以换颜色画画板 body{ background color: ccc; } .control bar{ vertical align:top; display:inline block; } 清屏画笔橡皮擦 (function(){ var w=800; 阅读全文

posted @ 2017-11-19 15:06 不完美的完美阅读(669) 评论(0) 推荐(0)

2017年11月16日

canvas

摘要：一、canvas的概述 1、定义 ``是H5新增的标签 canvas提供给了JavaScript绘图接口 canvas绘图建立在坐标系上 2、应用领域炫酷特效可视化数据（图表）游戏大型应用（地图）在线系统（在线ps） 3、canvas标签属性width 属性height 方法getCon 阅读全文

posted @ 2017-11-16 19:10 不完美的完美阅读(464) 评论(0) 推荐(0)

2017年11月15日

HTML5API(4)

摘要：十三、服务器推送服务器主动向客户端推送信息传统的HTTP协议传输，服务器是被动相应客户端的请求 1、解决方案 ajax轮询、ajax长轮询 Server Send Event WebSocket 2、ajax轮询客户端定时向服务器发送请求可能会造成无用的http请求 3、ajax长轮询客户阅读全文

posted @ 2017-11-15 19:22 不完美的完美阅读(241) 评论(0) 推荐(0)

2017年11月14日

HTML5API(3)

摘要：十一、ajax同源操作 URL说明是否允许通信同一域名下允许 http://www.a.com/a.js , http://www.a.com/b.js 同一域名下不同文件夹允许 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名阅读全文

posted @ 2017-11-14 19:10 不完美的完美阅读(779) 评论(0) 推荐(0)

2017年11月13日

HTML5API（2）

摘要：四、文件API 1、概述 H5允许JS有条件的读取客户端文件允许读取的文件：1.待上传的文件2.拖进浏览器的文件多文件上传设置属性multiple 过滤上传文件类型设置accept属性 accept='image/jpg' accept='image/ ' 2、FileList对象由File 阅读全文

posted @ 2017-11-13 11:41 不完美的完美阅读(294) 评论(0) 推荐(0)

2017年11月9日

HTML5API

摘要： H5新API 一、地理位置API 1、navigator.geolocation对象 getCurrentPosition(callback,errCallback,options)获取当前位置 watchPosition(callback,errCallback,options)实时获取位置 cl 阅读全文

posted @ 2017-11-09 19:06 不完美的完美阅读(497) 评论(0) 推荐(0)

2017年11月8日

vue动画

摘要：一、vue动画 1、使用transition定义动画 //定义过渡的样式 / 动画刚开始时的状态，动画结束时的状态 / .move enter active,.move leave active{ transition:all 2s; } / 动画过渡的css样式 / .move enter,.mo 阅读全文

posted @ 2017-11-08 19:34 不完美的完美阅读(1206) 评论(0) 推荐(0)

不完美的完美

公告