- 博客(14)
- 收藏
- 关注
RSS订阅转载 HTML5中的离线应用程序
一.本地缓存与浏览器网页缓存的区别 1.本地缓存：本地缓存是指定的网页缓存，可靠的，可以控制缓存的内容。 2.浏览器网页缓存：浏览器网页缓存指的是服务于单个网页缓存，不安全，不可靠。 二.manifest文件的操作步骤 1.写manifest文件(hello.manifest) ...
2016-05-18 13:02:00
173
转载 HTML5中Web Storage的用法
一.cookies存储的缺点 ①大小:只有4Kb大小 ②宽带:cookies是随HTTP事务一起被送达的，因此会被浪费一部分送达cookies时使用的宽带。 ③复杂性:要正确的操纵cookies是很困难的。 二.sessionStorage 和 localStorage的概念 1...
2016-05-17 21:57:00
164
转载 HTML5多媒体播放知识点总结
一.属性 1.src:多媒体数据的URL地址 2..autoplay:自动播放 3.preload:预加载 4.poster(video独有的属性):指的是当视频不可用时，给用户展示的图片 5..loop:循环播放 6..controls:播放器的控制条 7..width和he...
2016-05-16 23:37:00
225
转载 HTML5中canvas知识点详解8-绘制文字
一.文字操作方法 1.fillText(txt,100,100) 2.strokeText(txt,200,200) 3.measureText(txt,200,200) 4.font = 'italic 50px 宋体' 5.textBaseLine = 'top' 6.tex...
2016-05-16 15:29:00
178
转载 HTML5中canvas知识点详解7-使用图像
一.绘制图像方法 1.drawImage(image,x,y); 2.drawImage(image,x,y,w,h); 3.drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh); 二.图像的平铺 createPattern(image,type) -...
2016-05-16 15:24:00
174
转载 HTML5中canvas知识点详解6-给图像绘制阴影
一.阴影类型 oCt.shadowOffsetX = 30;----阴影横向位移量 oCt.shadowOffsetY = 10; ----阴影纵向位移量 oCt.shadowColor = 'black'; ----阴影的颜色 oCt.shadowBlu...
2016-05-16 15:19:00
143
转载 HTML5中canvas知识点详解5-图形的组合
一.图形组合的方式 1.source-atop 2.source-in 3.source-out 4.source-over 5.destination-atop 6.destination-in 7.destination-out 8.destination-over 9...
2016-05-16 15:12:00
147
转载 HTML5中canvas知识点详解4-绘制变形图形
一.变换的三种方式 1.平移:translate(25,25); 2.扩大缩小:scale(0.9,0.9);//注意:在一个循环的操作中，倍数是可以累加的，还有border也是可以放大缩小的。 3.旋转:rotate(Math.PI/10); 二.实例操作 <!DOCTY...
2016-05-16 15:05:00
190
转载 HTML5中canvas知识点详解3-绘制渐变图形
一.渐变概念 1.创建线性渐变。第一二个参数是起始位置，第三四个参数是终点位置。 createLinearGradient(0,0,0,400) 2.创建径向渐变。第一二个参数是第一个圆的圆点位置，第三个参数是第一个圆的半径。第四五个参数是第二个圆的圆点位置，第六个参数是圆的半径。 ...
2016-05-16 14:56:00
256
转载 HTML5中canvas知识点详解2-HTML5中路径的使用
一.创建路径的步骤 1.开始创建路径 : beginPath(); 2.创建图像的路径 :画圆的-arc(x,y,r,startA,endA,trueFalse);画直线的-moveTo(x,y);lineTo(x,y);绘制贝塞尔曲线，二次样式曲线等等。 3.关闭路径 : close...
2016-05-16 14:45:00
170
转载 HTML5中canvas知识点详解1-用HTML5绘制一个简单的矩形
一.canvas元素的基本介绍 getContext : 获取图形的上下文 fillStyle : 填充样式 fillRect : 填充方块图形 strokeStyle : 线条样式 strokeRect : 线条方块图形 lineWidth : 线宽 二.canvas使用的...
2016-05-16 14:34:00
176
转载 HTML5拖拽API知识点总结
一.拖放步骤 1.设置标签元素的draggable属性为true，表示可拖拽。2.编写拖放事件的有关代码。 二.拖放触发的事件 dragstart：网页元素开始拖动时触发。 drag：被拖动的元素在拖动过程中持续触发。 dragenter：被拖动的元素进入目标...
2016-05-15 16:24:00
219
转载 html5文件API知识点总结
HTML页面代码： <input type='file' id='file' multiple /><input type='button' value='文件上传' id='btn'/>文件的字节长度：<span id='size'></spa...
2016-05-15 16:10:00
256
转载 HTML5表单新增元素与属性知识点总结
一.表单新增的属性 1.form 2.formaction 3.formmethod 4.placeholder 5.autofocus 6.list 7.autocomplate 1.form属性，方便对其设置样式，目前是有oPera 10支持这一属性 <form i...
2016-05-15 15:54:00
220
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人