html5
栗子好好吃
向来心是看客心,奈何人是剧中人
展开
-
html5 --- > 特性检测
使用Moderniz库可以对H5的特性进行检测,下载网址: https://modernizr.com // 在HTML 中的head标签中导入 <script src="/modernizr.min.js"></script> // ps:注意src的路径 画布(canvas)特性检测: if (Modernizr.canvas){ // 开始画... } e...转载 2019-04-10 17:18:38 · 262 阅读 · 0 评论 -
html5 --- > canvas绘制网格并画x、y轴
效果如下: // 代码如下: <body> <canvas width="500" height="375" id="c"></canvas> <script> (function draw_a() { var a_canvas = document.getElementById("c"); var context = a_...转载 2019-04-11 09:43:46 · 1767 阅读 · 0 评论 -
html5 --- > 使用canvas画一个渐变矩形
我们希望得到如下效果: 首先准备画布 // HTML <canvas width="500" height="375" id ="a"> </canvas> // JS // 获取画布的DOM元素 var a_canvas = document.getElementById("1"); // 获取画布的上下文元素(之后,就可以使用canvas的特性了) var ct =...转载 2019-04-11 10:18:01 · 539 阅读 · 0 评论 -
html5 --- > 使用javascript脚本控制媒体播放
H5中的标签(<audio…/> 和 <video…/>)对于JS中的HTMLAudioElement对象和HTMLVideoElement对象 对象有以下几个方法: play(): 播放 pause(): 暂停播放 load(): 重新装载音频、视频 canPlayType(type): 判断该元素可播放type类型的音频、视频 下面是一个简单的音乐播放器 <tit...转载 2019-05-05 10:14:56 · 367 阅读 · 0 评论 -
html5 --- > 利用localStorage进行本地存储
首先做一个提交到本地存储的表单及一个用来显示本地localStorage信息的表格…代码如下: <h2> 本地存储用 </h2> 标题: <input id="title" name="title" type="text" size="60" style="margin-left:32px;margin-bottom:5px;"/> <br /> ...转载 2019-05-06 14:40:58 · 491 阅读 · 0 评论 -
html5 --- > IDBDatabase创建对象存储和索引
代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> CRUD操作 </title> <style type="text/css"> ...转载 2019-05-06 21:32:08 · 494 阅读 · 0 评论