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 · 264 阅读 · 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 · 1769 阅读 · 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 · 540 阅读 · 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 · 494 阅读 · 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 · 495 阅读 · 0 评论