随笔分类 -  H5新特性

h5标签兼容写法
摘要：同时H5标签需要手动块级 阅读全文
posted @ 2018-08-06 22:37 追忆枉然 阅读(138) 评论(0) 推荐(0)
SVG-TWO.JS
摘要：TWO.JS下载网址:https://two.js.org/#download 基本用法： 1.下载TWO.JS并添加到你的HTML文档中<head></head> 2.控制台输入console.log(Two)，返回下面函数，证明引入成功 绘制第一个形状 创建组，group管理更加方便 简单运动： 阅读全文
posted @ 2018-02-08 21:32 追忆枉然 阅读(267) 评论(0) 推荐(0)
websocket
摘要：转载出处：http://www.cnblogs.com/wei2yi/archive/2011/03/23/1992830.html WebSocket API是下一代客户端-服务器的异步通信方法。该通信取代了单个的TCP套接字，使用ws或wss协议，可用于任意的客户端和服务器程序。WebSocke 阅读全文
posted @ 2017-08-16 22:27 追忆枉然 阅读(129) 评论(0) 推荐(0)
webworker
摘要：HTML5中提供的用于文件输入输出(I/O)的对象： File：代表一个文件/目录对象 FileList：代表一个文件列表（类数组对象） FileReader：用于从文件中读取内容 FileWriter：用于向向文件写出内容 Chrome浏览器 UI主线程可以给Worker线程传递数据——发消息： 阅读全文
posted @ 2017-08-16 20:16 追忆枉然 阅读(138) 评论(0) 推荐(0)
H5-拖拽
摘要：Drag：拖动 Drop：释放 在HTML5之前只能使用鼠标事件模拟出“拖放”效果；HTML5专门为拖放提供了7个事件句柄。 (1)拖动的源对象(source)可以触发的事件： dragstart：拖动开始 拖动开始触发一次 drag：拖动进行中 拖动中一直触发 dragend：拖动结束 结束时触发 阅读全文
posted @ 2017-08-16 20:12 追忆枉然 阅读(312) 评论(0) 推荐(0)
svg
摘要：SVG意为可缩放矢量图 SVG使用XML格式定义图像 什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万 阅读全文
posted @ 2017-08-16 20:08 追忆枉然 阅读(423) 评论(0) 推荐(0)
canvas与svg区别
摘要：HTML5新特性之五——SVG绘图 Canvas绘图 SVG绘图 绘图类型 位图 矢量图 缩放 失真 不失真 颜色细节 丰富 不够丰富 应用领域 照片、游戏 统计图、图标、地图 内容 JS绘制 每个图形都是标签 事件绑定 不方便 方便 Scalable Vector Graphiph，可缩放的矢量图 阅读全文
posted @ 2017-08-16 20:04 追忆枉然 阅读(144) 评论(0) 推荐(0)
canvas画图
摘要：如何等待所有图片加载完成后，才开始绘图？ 多张图片绘制需要按照特定的顺序，而加载完成顺序是完全无法预测，只能等待所有图片加载完成，才能开始绘制。 /*************************** //典型的错误代码 var img1 = new Image(); img1.src = ""; 阅读全文
posted @ 2017-08-16 20:01 追忆枉然 阅读(123) 评论(0) 推荐(0)
canvas
摘要：HTML5引入了<canvas>标签用于绘图，默认是一个300*150的inline-block。使用width/height属性指定尺寸，但不能使用CSS样式指定宽和高！ <canvas width="600" height="500" id="c"> 您的浏览器不支持Canvas标签！ </ca 阅读全文
posted @ 2017-08-16 19:56 追忆枉然 阅读(137) 评论(0) 推荐(0)
video-audio
摘要：HTML5新特性——视频播放 HTML5提供了一个新的标签<video>标签，用于播放视频。该标签默认是一个300*150的inline-block。使用方法： <video src="x.mp4"></video> <video> <source src="x.mp4"> <source src= 阅读全文
posted @ 2017-08-16 19:52 追忆枉然 阅读(211) 评论(0) 推荐(0)
H5数据保存之storage
摘要：window.sessionStorage——会话级存储: 在浏览器的内存中存储的与某个服务器间的一系列请求-响应过程中产生的数据——都是Key-Value对形式。当会话结束时(用户关闭了浏览器)，会话级数据即消失。 sessionStorage['key'] = 'value'; //存储一个数据 阅读全文
posted @ 2017-08-16 17:29 追忆枉然 阅读(380) 评论(0) 推荐(0)
表单2.0
摘要：(1)email：邮件输入域，在表单提交时提供简单的邮箱格式验证，并弹出一个提示窗口(可定制内容不能定制样式) <input type="email"> (2)url：URL地址输入域，在表单提交时提供简单的URL地址格式验证，并弹出一个提示窗口(可定制内容不能定制样式) <input type=" 阅读全文
posted @ 2017-08-10 14:13 追忆枉然 阅读(168) 评论(0) 推荐(0)