html5
超文本标记语言(HTML)的第五次重大修改,进行了多达近百项的修改，包括HTML和XHTML的标签，相关的API、Canvas等，同时HTML5的图像img标签及svg也进行了改进，性能得到进一步提升
- 【HTML5】3D模型--百行代码实现旋转立体魔方实例 最近研究魔方的玩法，就突然想用HMTL5写一个魔方的模型，由于魔方是一个3D的立方体，这次就试着用HTML5写了一个简单的3D模型。下面是预览画面。制作流程首先你需要下载Html5开源库件lufylegend-1.4.0魔方分为6个面，每个面由9个小矩形组成，现在我把每个小矩形当做一个类封装起来，因为现在建
- 详解移动端HTML5页面端去掉input输入框的白色背景和边框（兼容Android和ios） 前两天在开发在微信访问的HTML5页面，里面有个订单查询要选择时间，刚开始使用的<inputtype="date">输入框，没加任何的样式，效果是白色的背景再加上边框很丑，完全与整个背景不协调。刚开始设置了输入框背景色透明（background-color:transparent;），在iOS上面背景色和边框都没有了，但是在andrio
- canvas与html5实现视频截图功能示例 这段时间一直在研究canvas，突发奇想想做一个可以截屏视频的功能，然后把图片拉去做表情包，哈哈哈哈哈哈~~制作方法：1.在页面中加载视频在使用canvas制作这个截图功能时，首先必须保证页面上已经加载完成了这个视频，这样才能够方便的对其操作。如果使用下面直接嵌入<video>标签的方式：<video
- 详解html5 canvas常用api总结(二)--绘图API canvas可以绘制出很多奇妙的样式和美丽的效果，通过几个简单的api就可以在画布上呈现出千变万化的效果，还可以制作网页游戏，接下来就总结一下和绘图有关的API。绘画的时候canvas相当于画布，而context相当于画笔。1.绘制线条moveTo(x0,y0)：把当前画笔（ictx）移动到（x0,y0）这个位置。lineTo(x1,y
- HTML5 Canvas玩转酷炫大波浪进度图效果实例（附demo） 本文介绍了HTML5Canvas玩转酷炫大波浪进度图效果，具体如下：如上图所见，本文就是要实现上面那种效果。由于最近AlloyTouch要写一个下拉刷新的酷炫loading效果。所以首选大波浪进度图。首先要封装一下大波浪图片进度组件。基本的原理是利用Canvas绘制矢量图和图片素材合成出波浪特效。
- HTML5 canvas基本绘图之图形组合 <canvas></canvas>只是一个绘制图形的容器，除了id、class、style等属性外，还有height和width属性。在<canvas>>元素上绘图主要有三步：1.获取<canvas>元素对应的DOM对象，这是一个Canvas对象；2.调用Canvas对象的getContext()方法，得到一个CanvasRenderingContext2D对象；3.调用CanvasRenderi
- HTML5不支持标签和新增标签详解 HTML5不支持或不赞成使用的标签<acronym>——定义只取首字母的缩写，HTML5不支持。使用<abbr>定义缩写代替，其中title属性可用于在鼠标指针移动到元素上时显示出缩写的完整版本，坚持写上title,这样对浏览器和搜索引擎都比较友好。<applet>——定义嵌入的appl
- HTML5 canvas基本绘图之文字渲染 与文本渲染有关的主要有三个属性以及三个方法：上述的属性和方法的基本用法如下：varcanvas=document.getElementById("canvas");varcontext=canvas.getContext("2d");context.font="bold30pxArial";//设置样式context.stroke
- HTML5 canvas基本绘图之绘制曲线 <canvas></canvas>是HTML5中新增的标签，用于绘制图形，实际上，这个标签和其他的标签一样，其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象，我们可以通过JavaScript脚本来控制该对象进行绘图。<canvas></canvas>只是一个绘制图形的容器，除了id、class、style等属性外，还有hei
- HTML5 canvas基本绘图之图形变换 <canvas></canvas>是HTML5中新增的标签，用于绘制图形，实际上，这个标签和其他的标签一样，其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象，我们可以通过JavaScript脚本来控制该对象进行绘图。<canvas></canvas>只是一个绘制图形的容器，除了id、class、style等属性外，还有hei
- HTML5 canvas基本绘图之填充样式实现 <canvas></canvas>是HTML5中新增的标签，用于绘制图形，实际上，这个标签和其他的标签一样，其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象，我们可以通过JavaScript脚本来控制该对象进行绘图。<canvas></canvas>只是一个绘制图形的容器，除了id、class、style等属性外，还有hei
- HTML5 canvas基本绘图之绘制线条 <canvas></canvas>是HTML5中新增的标签，用于绘制图形，实际上，这个标签和其他的标签一样，其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象，我们可以通过JavaScript脚本来控制该对象进行绘图。<canvas></canvas>只是一个绘制图形的容器，除了id、class、style等属性外，还有hei
- HTML5 canvas基本绘图之绘制五角星 <canvas></canvas>是HTML5中新增的标签，用于绘制图形，实际上，这个标签和其他的标签一样，其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象，我们可以通过JavaScript脚本来控制该对象进行绘图。<canvas></canvas>只是一个绘制图形的容器，除了id、class、style等属性外，还有hei
- 浅析HTML5中header标签的用法 <header>标签定义文档的页眉，通常是一些引导和导航信息。它不局限于写在网页头部，也可以写在网页内容里面。在新的标准中header标签定义如下："Agroupofintroductoryornavigationalaids.”基本意思是“一组介绍性的护着导航相关的辅助内容”。字面上理解header标
- HTML5中使用postMessage实现两个网页间传递数据 估计很少人知道HTML5APIS里有一个window.postMessageAPI。window.postMessage的功能是允许程序员跨域在两个窗口/frames间发送数据信息。基本上，它就像是跨域的AJAX，但不是浏览器跟服务器之间交互，而是在两个客户端之间通信。让我们来看一下window.postMessage是如何工作的。除了IE6
- 用HTML5的canvas实现一个炫酷时钟效果 对于H5来说，canvas可以说是它最有特色的一个地方了，有了它之后我们可以随意的在网页上画各种各样的图形，做一些小游戏啊什么的。canvas这个标签的用法，在网上也有特别多的教程了，这里就不作介绍了。今天我们就用canvas来做一个小小的时钟。那么首先在这个页面里面我使用了两个canvas，一个
- 调用HTML5的Canvas API绘制图形的快速入门指南 1.Canvas元素以下html代码定义了一个canvas元素。<!DOCTYPEhtml><html><head><title>Canvas快速入门</title><metacharset="utf-8"/></head><body><div>
- html5 canvas绘制矩形和圆形的实例代码 html5canvas绘制矩形和圆形的实例代码<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title></head><bodyonload="draw(),draw
- 浅谈html5增强的页面元素 浅谈html5增强的页面元素<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>浅谈html5增强的页面元素</title></head><body><!--fi
- HTML5 新标签全部总汇(推荐) <article>标签定义外部的内容（外部内容如blog,news）。使用后感觉和P差不多，语义化的标签。<aside>标签定义article以外的内容（可用做文章的侧栏）.语义化的标签。<audio>标签定义音乐。支持三种格式,ogg,mp3,wav
- HTML最新标准HTML5总结HTML5出来已经很久了，然而由于本人不是搞前端的，只知道有这个东西，具体概念有点模糊（其实就是一系列标准规范啦）；因此去年，专门对HTML5做了个简单的小结，今天正好看到，整理一下放到我的博客，以免丢失。有错误请指正，我是前端菜鸟。先来个目录，如下：•什么是HTML5•HTML5发展历史•HT
- HTML5通用接口详解 1.先说几个基本类型：DOMString，boolean，long，unsignedlong，double，NaN（Not-a-Number）。DOMString其实就是其它大家常用的语言中的string。在HTML5中，它用于表示url，Dom内容等等。其他的boolean（布尔），long（长整型），unsignedlong（无符号长整型），double（浮点数）我想不用我详述，大家都能清楚。至
- html5表单及新增的改良元素详解 <!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title></head><body><!--表单内元素的form属性：为元素
- canvas API ，通俗的canvas基础知识（一） 在没学canvas的时候，觉得canvas是这么的神秘，这么的绚丽，这么的高深，用canvas做出来的效果是如此的炫酷，能做的事情如此的宽广，简直让我心生敬畏之心，时常感叹：我要是得此技能，必定要上天了（注意，这里不是要升天啊），那时候一直不敢涉猎的原因主要是，第一，在还需要兼容IE的时代，兼容性是硬伤；第二，参考
- hwSlider-内容滑动切换效果（一） 内容滑动切换应用非常广，常见的有幻灯片焦点图、画廊切换等。随着WEB前端技术的广泛应用，内容滑动切换效果占据着web页面重要地位，因此本站Helloweba特别给广大前端爱好者安排了浅显易懂的内容滑动切换效果的开发教程。查看演示下载源码