红颜丽人html5学习教程 » 红颜丽人

使用html5的Canvas功能绘制飞机图像实例

Quan — Wed, 16 Jul 2014 05:57:54 +0000

使用html5的Canvas功能绘制飞机图像，先来看效果图：

实现的代码如下：

<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>飞机<[......]

HTML5实现图片的拖拽方法实例

Quan — Wed, 16 Jul 2014 05:54:16 +0000

HTML5实现图片的拖拽方法实例，效果图： [caption id="" align="alignnone" width="629"] HTML5实现图片的拖拽方法[/caption]

<!do[......]

HTML5定位百度地图API接口应用

Quan — Wed, 16 Jul 2014 05:52:49 +0000

HTML5定位，百度给的地图API接口相当完善，复制过来一下，以后备用

基本使用方法：

<script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"&g[......]

HTML5视音频代码实例与WEBM格式转换器介绍

Quan — Wed, 16 Jul 2014 05:50:48 +0000

HTML5视音频代码实例&WEBM格式转换器介绍。用HTML5的video标签书写一个实例

<!doctype html> <html> <head> <meta charset='utf-8' /> <title&gt[......]

HTML5桌面通知Notification

Quan — Wed, 16 Jul 2014 05:48:53 +0000

HTML5桌面通知Notification。桌面通知，我们经常看到的比如QQ在右下角的消息提醒。在网页中我们也可以用Javascript模拟实现这一功能，只是这个消息框是浏览器中进行控制的。目前浏览器依然是一个严格的沙盒工作模式，这种模式把浏览器和桌面的通信隔离开。Notification可以跨越沙[......]

WebApp的meta标签

Quan — Wed, 16 Jul 2014 05:47:19 +0000

apple-mobile-web-app-capable

设置Web应用是否以全屏模式运行。

语法：: <meta name="apple-mobile-web-app-capable" content="yes">
说明：: 如果content设置为yes，Web应用会以全屏模式运行，反[......]

HTML5 语音输入x-webkit-speech

Quan — Wed, 16 Jul 2014 05:44:45 +0000

HTML5 语音输入x-webkit-speech。最近发现了一个HTML5大功能，可直接给输入框增加语音输入的功能。它的实现方法是如此的简单，只需要在input标签中加入x-webkit-speech即可。

model：

<body> <input type="t[......]

viewport——WEB前端开发 HTML5开发移动端知识实例源码介绍

Quan — Wed, 16 Jul 2014 05:40:54 +0000

viewport——WEB前端开发 HTML5开发移动端知识实例源码介绍，viewport的作用是什么？ <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,ma[......]

html5开发windows8应用 windows8介绍

Quan — Wed, 16 Jul 2014 05:38:14 +0000

html5开发windows8应用 windows8介绍。html5作为windows8平台的native开发语言之一，让html5的发展到达了一个新的高度，以前做过html5 for ios或for android的童鞋就应该知道，用html5做一款ios或者android的应用是有多幸苦，实现简[......]

HTML5有哪些优势

Quan — Wed, 16 Jul 2014 05:35:45 +0000

HTML5有哪些优势？首先，从未来发展来说，2012年Adobe主动放弃移动端Flash技术支持，转向HTML5，国内百度、腾讯等蜂拥与W3C组织合作，宣布参与HTML5标准定制，来自各方面的力量（包括浏览器、开发者、用户等）共同推动HTML5向前发展。据Gartner 公司分析，HTML[......]