2017年01月_RonnyZhao

原创 HTML5学习笔记14-Canvas绘制渐变图形与绘制变形图形

1、线性渐变线性渐变 function draw(){ var canvas=document.getElementById("canvas"); if(canvas==null){ return false; }

2017-01-17 16:38:50 359

原创 HTML5 学习笔记13-Canvas使用路径

1、绘制圆形绘制圆形 function drawCircle(){ var canvas=document.getElementById("canvas"); if(canvas==null){ return false; }

2017-01-17 15:50:16 247

原创 HTML5 学习笔记12-Canvas标签的使用

1、创建Canvas：Canvas元素用于图形的绘制，但只是一个容器，内容通过脚本来完成 canvas #mycanvas{ width: 200px; height: 200px; background-color: #232323; }

2017-01-13 11:04:11 288

原创 HTML5 学习笔记11-拖放

1、ondragstart 拖放开始；setData 设置拖动类型；ondragover 在何处放置；ondrop 放置被拖动数据时发生拖动 .box{ width: 400px; height: 400px; } #box1{

2017-01-12 19:00:27 251

原创 HTML5 学习笔记10-音频视频

audio定义声音；video定义视频；source规定多媒体资源可以是多个；control属性提供添加播放、暂停和音量控制 1、HTML5音频播放您的浏览器不支持播放/暂停 var a=document.getElementById("audioid"); function play(){ if(a.pa

2017-01-11 11:11:31 233

原创 HTML5学习笔记9-编辑API之Range对象（二）

1、cloneRange、cloneContents、extractContents方法这里随意书写克隆 function cloneRange(){ var p=document.getElementById("pid"); var rangeObj=document.createRange();

2017-01-10 15:24:49 255

原创 HTML5学习笔记8-编辑API之Range对象（一）

Range对象：代表页面上的一段连续区域。通过Range对象，可以获取或修改网页上的任何元素 1、selection对象与Range对象的使用 function rangeTest(){ var html; var showRangeDiv=document.getElementBy

2017-01-10 10:32:35 318

原创 HTML5学习笔记7-增强的页面元素

1、figure元素：规定对立的流内容（图像，图表，照片，代码等），若删除不对文档其他内容产生影响。 figcation元素：定义figure的标题，次元素应设置于figure元素的第一个或者最后一个子元素。哈士奇-雪橇三傻之二傻 2、details用于描述文档或者文档某个部分的细节。 summary：与det

2017-01-09 15:58:36 305

原创 HTML5 学习笔记6-改良的input元素

1、改良的input元素种类

2017-01-06 17:12:21 287

原创 HTML5 学习笔记5-表单新增元素和属性（续写）

1、标签的control属性：HTML5中可以在标签内部放置一个表单元素，并且通过该标签的control属性来访问该表单元素。邮编：请输入六位数字 function setValue(){ var

2017-01-05 12:00:07 297

原创 HTML5 学习笔记4-表单新增的元素和属性

1、form 表单内的丛书元素不仅可以写在表单内部，还可以写在任何地方，然后给该元素指定一个form属性，属性值为表单的id，这样该元素就从属于指定表单了哼哈 2、formaction 可以可以通过表单整体提交到一个页面或者分别提交到不同页面提交到submit1页面提交到s

2017-01-04 16:19:29 372

原创 HTML5 学习笔记3-非主体结构元素

1、header具有引导和导航作用的结构元素，通常放页面标题（区块）标题或者页面导航 footer页面或者区块的脚注，通常是作者、相关阅读链接、版权信息等 hgroup将标题及其子标题进行分组的元素 address在文档中呈现联系信息，如文档作者、相关链接、地址、电话等我是页面主标题

2017-01-03 15:36:32 297

qq_19919127的博客