投稿赚佣金 
升级SVIP
HTML5 Canvas中使用用路径描画圆弧
本文翻译自Steve Fulton & Jeff Fulton HTML5 Canvas, Chapter 2, “Advanced Path Methods, Arcs”在Canvas绘图中，“圆弧&r
HTML5 Canvas中绘制矩形实例
本文翻译自Steve Fulton & Jeff Fulton HTML5 Canvas, Chapter 2, “The Basic Rectangle Shape”.让我们来看一下Canvas内置的简单几何图形
使用HTML5的Notification API制作web通知的教程
在使用网页版Gmail的时候，每当收到新邮件，屏幕的右下方都会弹出相应的提示框。借助HTML5提供的Notification API，我们也可以轻松实现这样的功能。确保浏览器支持如果你在特定版本的浏览器上进行开发，那么我建议你先到 cani
HTML5 Convas APIs方法详解
☆ canvas.getContext('2d')不可在convas中直接绘图，必须用该方法获得其二维空间绘图上 下文。☆ context.beginPath()表示开始新的路径绘制。☆ context.isPointInPath(x, y
HTML5 Canvas中绘制椭圆的4种方法
概述HTML5中的Canvas并没有直接提供绘制椭圆的方法，下面是对几种绘制方法的总结。各种方法各有优缺，视情况选用。各方法的参数相同：1.context为Canvas的2D绘图环境对象，2.x为椭圆中心横坐标，3.y为椭圆中心纵坐标，4.
HTML5 Video标签的属性、方法和事件汇总介绍
前段时间写了一个基于html5 video的视频播放器，从起初的对其不了解，然后到能够写一个基本完善的自定义播放器。在这个过程中，对video标签的属性，方法，事件有了个全面的认识。下面分类列出来一下。标签的属性复制代码代码如
HTML5 video标签（播放器）学习笔记（一）:使用入门
近有在学习html5中video标签（播放器）的使用，这里做一些学习笔记，方便自己查阅和记录，本文是第一篇，将介绍的是使用该标签初始化该做的哪些工作。网上的教程其实也不少了 w3cschool里面的最为简单而详细，那么这几介绍的是一些更为直
HTML5 video标签（播放器）学习笔记（二）:播放控制
上一篇介绍了html5标签video（播放器）初始化需要做的一些工作，如何简单快速使用html5的播放器，本文将重点介绍如何用JS来操作video标签，也就是如何对video做一些简单基本的操作，包括了播放器的播放、暂停，音量的读取、设置等
HTML5 video播放器全屏(fullScreen)方法实例
首先来说，这个标题具有误导性，但这样设置改标题也是主要因为video使用的比较多在html5中，全屏方法可以适用于很多html 元素，不仅仅是video复制代码代码如下:
HTML5全屏(Fullscreen)API详细介绍
在越来越真实的web应用程序中,JavaScript也变得越来越给力.FullScreen API 是一个新的JavaScript API,简单而又强大. FullScreen 让我们可以通过编程的方式来向用户请求全屏显示,如果交互完成,随
HTML5 audio标签使用js进行播放控制实例
标签可以在HTML5浏览器中播放音频文件。默认提供一个控制面板，但是有些时候我们只需要播放声音，控制面板由我们自己来定义其显示的状态。这里我们可以使用JS来进行控制，代码如下：复制代码代码如下:var audio
HTML5 Canvas的事件处理介绍
DOM是Web前端领域非常重要的组成部分，不仅在处理HTML元素时会用到DOM，图形编程也同样会用到。比如SVG绘图，各种图形都是以DOM节点的形式插入到页面中，这就意味着可以使用DOM方法对图形进行操作。比如有一个
Html5+JS实现手机摇一摇功能
HTML5一个重要特性就是DeviceOrientation，它将底层的方向传感器和运动传感器进行了高级封装，提供了DOM事件的支持。这个特性包括两种事件： 1、 deviceOrientation：封装了方向传感器数据的事件，可以获取手机
HTML5 DeviceOrientation实现手机网站摇一摇功能代码实例
介绍之前做两个声明：以下代码可以直接运行，当然你别忘了引用jQuery才行。复制代码代码如下:// DeviceOrientation将底层的方向传感器和运动传感器进行了高级封装，提供了DOM事件的支持。// 这个特性包括两
HTML5 canvas标签实现刮刮卡效果
你玩过刮刮卡么？一不小心可以中奖的那种。今天我给大家分享一个基于HTML5技术实现的刮刮卡效果，在PC上只需按住鼠标，在手机上你只需按住指头，轻轻刮去图层就可以模拟真实的刮奖效果。源码下载：点击下载我们利用HTML5的画布Canvas，结合
HTML5实现获取地理位置信息并定位功能
HTML5提供了地理位置定位功能（Geolocation API），能确定用户位置，我们可以借助HTML5的该特性开发基于地理位置信息的应用。本文结合实例给大家分享如何使用HTML5，借助百度、谷歌地图接口来获取用户准确的地理位置信息。源码
利用HTML5中的Canvas绘制一张笑脸的教程
今天，你将学习一项称为Canvas（画布）的web技术，以及它和文档对象模型（通常被称为DOM）的关联。这项技术非常强大，因为它使web开发人员能够通过使用JavaScript访问和修改HTML元素。现在你可能想知道为什么我们需要大刀阔斧地
简单介绍HTML5中的文件导入
Template、Shadow DOM及Custom Elements 让你创建UI组件比以前更容易了。但是像HTML、CSS、JavaScript这样的资源仍然需要一个个地去加载，这是很没效率的。删除重复依赖也并不简单。例如，现在加载jQ
使用分层画布来优化HTML5渲染的教程
简介通常情况下，在玩 2D 游戏或渲染 HTML5 画布时，需要执行优化，以便使用多个层来构建一个合成的场景。在 OpenGL 或 WebGL 等低级别渲染中，通过逐帧地清理和绘制场景来执行渲染。实现渲染之后，需要优化游戏，以减少渲染的量，
用HTML5中的Canvas结合公式绘制粒子运动的教程
最近想弄一个网页，把自己学HTML5过程中做的部分DEMO放上去做集合，但是，如果就仅仅做个网页把所有DEMO一个一个排列又觉得太难看了。就想，既然学了canvas，那就来折腾下浏览器，做个小小的开场动画吧。开场动画的效果，想了一会，决定用
