近有在学习html5中video标签（播放器）的使用，这里做一些学习笔记，方便自己查阅和记录，本文是第一篇，将介绍的是使用该标签初始化该做的哪些工作。 网上的教程其实也不少了...

前段时间写了一个基于html5 video的视频播放器，从起初的对其不了解，然后到能够写一个基本完善的自定义播放器。在这个过程中，对video标签的属性，方法，事件有了个全面的认识。狼...

概述 HTML5中的Canvas并没有直接提供绘制椭圆的方法，狼蚁网站SEO优化是对几种绘制方法的总结。各种方法各有优缺，视情况选用。各方法的参数相同： 1.context为Canvas的2D绘图环境对象，...

☆ canvas.getContext('2d') 不可在convas中直接绘图，必须用该方法获得其二维空间绘图上 下文。 ☆ context.beginPath() 表示开始新的路径绘制。 ☆ context.isPointInPath(x, y) 判断某个点是否在路径上...

做微信公众号和调试手机页面的时候，避免不了页面要跳转到微信浏览器打开，调试阶段，android版微信浏览器一直都默认缓存html静态资源，每次静态资源变化甚至新内容发布的时候在...

在现在的前端页面中，尤其是移动端，经常会需要将header或者是footer模块悬浮出来，跟随页面的滑动保持定位在页面的最上方或者是最下方，如下图所示。 回复主题模块，就是跟随页面...

结构标签：(块状元素) 有意义的div article 标记定义一篇文章 header 标记定义一个页面或一个区域的头部 nav 标记定义导航链接 section 标记定义一个区域 aside 标记定义页面内容部分的侧边...

一，开篇分析 好了，废话不多说，直接进入今天的主题，今天主要讲的是History API及在单页应用中的作用，并且会引入一个实际的例子做为讲解的原型范例，先来看看History API： 为了提...

今天给大家分享一款非常漂亮的纯html5实现的时钟。整个界面都由html5绘制而成。一起看下效果图： 实现的代码。 htm代码： XML/HTML Code 复制内容到剪贴板 div class = container svg width = 600...

HTML5 Canvas 提供了很多图形绘制的函数，但是很可惜，Canvas API只提供了画实线的函数(lineTo)，却并未提供画虚线的方法。这样的设计有时会带来很大的不便，《JavaScript权威指南》的作者...

在HTML页面的body中，可以用像狼蚁网站SEO优化的代码来添加canvas标签： 复制代码 代码如下: canvas id="canvasOne" width="500" height="300" Your browser does not support HTML5 Canvas. /canvas 译注：对于canvas，...

本文翻译自Steve Fulton Jeff Fulton HTML5 Canvas, Chapter 1, Testing to See Whether the Browser Supports Canvas. 在获取HTML页面上Canvas元素的引用后，我们需要测试一下该元素是否包含上下文(context)。Canvas的上...

本文翻译自Steve Fulton Jeff Fulton HTML5 Canvas, Chapter 2, The Basic Rectangle Shape. 让我们来看一下Canvas内置的简单几何图形 矩形的绘制。在Canvas中，绘制矩形有三种方法：填充(fillRect)、描边(Stro...

本文翻译自Steve Fulton Jeff Fulton HTML5 Canvas, Chapter 2, Advanced Path Methods, Arcs 在Canvas绘图中，圆弧既可以是一个整圆，也可以是圆周的一部分。 复制代码 代码如下: context.arc() context.arc(x, y,...

在HTML5 Canvas中，可以用以下方法描画三阶和二阶的贝塞尔曲线： 复制代码 代码如下: context.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) context.quadraticCurveTo(cpx, cpy, x, y) 贝塞尔曲线是在二维平面上由...

上图便是这个音频播放器的UI界面图，里面还隐藏了一个歌曲的播放列表。整个播放器的UI除了大背景的人像图和歌曲的星星评分使用了图片其他全部由CSS和font-face绘制而成，看上去有难...