HTML5 语音搜索只需一句代码
淘宝网的语音搜索也有了一阵子了,但似乎都没看到相关的博客或帖子在说这个如何实现,今天查了点资料,发现原来实现是如此简单,可能是因为太简单了,也就没有人讨论了吧。其实实现只需一句代码即可:...html5的新玩法——语音搜索
谷歌的网站是时逛时新啊,今天在他们首页发现了html5的新玩法——语音搜索。可惜的是只有webkit核心的浏览器才能使用。用法很简单只需要在input添加属性x-webkit-speech即可,例子如下:复制代码代码...- 0
- 0
- 0
- 0
- 0
html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形
上一篇文章我讲了的方法,他们都有原生的canvas绘图函数可完成。而本文讲的圆角矩形则只有通过其他方法模拟出来。一个正常的圆角矩形,我们先假设他四个角的圆角弧度一致——因为这样比较好画。我们动...- 0
- 0
- 0
- 0
- 0
- 0
- 0
- 0
- 0
- 0
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
在canvas中可以很方便的用arc方法画出圆形,本来圆形也可以看作是一个宽高相等的椭圆,但canvas中根本没有画椭圆的方法,我们要用其他方法来模拟。我们首先要明确画一个椭圆需要那些参数,基本的几...- 0
- 0
- 0
- 0
- 0
HTML5里的placeholder属性使用实例和美化显示效果的方法
placeholder属性能够让你在文本框里显示提示信息,一旦你在文本框里输入了什么信息,提示信息就会隐藏。你以前可能无数次看到这种效果,但那些大部分是用javascript里实现的,而现在,html5提供了原...- 0
- 0
- 0
- 0
- 0
HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍
使用脚本可以很方便的完成各种复杂的任务,也是完成动画和交互的一种主流方式。由于svg是html的元素,所以支持普通的dom操作,又由于svg本质上是xml文档,所以也有一种特殊的dom操作,大多称之为svgd...- 0
- 0
- 0
- 0
- 0
html5记忆翻牌游戏实现思路及代码
翻开的2张牌如果配对就会消除,否则2张牌都会返回背面。需求分析怎么绘制正的牌面和背的牌面及配对成功后怎么消除牌面怎么生成牌组并且确定每张牌的位置和对应的图片怎么洗牌怎么记录牌组的配对...- 0
- 0
- 0
- 0
- 0
HTML5之HTML元素扩展(上)—新增加的元素及使用概述
考虑我们开发一个页面的过程:1.设计页面的结构-html:这个过程是使用各种html元素构建网页的结构。2.设计页面的外观-css:这个过程是使用css去改善网页的外观。3.设计页面的行为-javascript:这个过...- 0
- 0
- 0
- 0
- 0
HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
在html5增强的元素中,最值得关注的就是表单元素。在html5中,表单已经做了重大的修整,一些以前需要通过javascript编码实现的功能现在无需编码就可轻松实现。在开始讨论之前,需要注意一点:在html5...- 0
- 0
- 0
- 0
- 0
html5 svg 中元素点击事件添加方法
最近在用svg的点击事件做东西,之所以用svg而不用canvas就是因为svg内的元素可以添加点击事件,他们之间详细的区别如下:canvas与svg的比较(详见)下表列出了canvas与svg之间的一些不同之处。canvas...- 0
- 0
- 0
- 0
- 0
将HTML5 Canvas的内容保存为图片借助toDataURL实现
主要思想是借助canvas自己的api-todataurl()来实现,整个实现html+javascript的代码很简单。复制代码代码如下:window.onload=function(){d...- 0
- 0
- 0
- 0
- 0
HTML5使用DOM进行自定义控制示例代码
html5的video虽然可用controls来展示控件,并进行控制播放暂停等,但是不同的浏览器显示的效果可能不一样,所以很多时候我们需要使用dom来进行自定义的一些操作和控制。下面是一个小例子。当然效果...- 0
- 0
- 0
- 0
- 0
HTML5之WebGL 3D概述(下)—借助类库开发及框架介绍
前面我们看到了使用原生的webglapi开发是多么的累,正因为如此,大量的webgl框架被开发出来。使用这些框架,你可以快速创建需要的3d场景。这些框架不同程度的封装了创建3d场景的各种要素,例如场景,...- 0
- 0
- 0
- 0
- 0
html5中地理位置定位api接口开发应用小结
地理位置定位的几种方式:ip地址,gps,wifi,gsm/cdma地理位置获取流程:1、用户打开需要获取地理位置的web应用。2、应用向浏览器请求地理位置,浏览器弹出询问,询问用户是否共享地理位置。3、假设用户允...- 0
- 0
- 0
- 0
- 0
HTML中fieldset标签概述及使用方法
一、忏悔之前html没有好好学,导致以前看到控件组样式感觉很新奇,于是就用css实现了一个。但是偶然一次接触了这个标签,才发现soeasy。唉!以后学知识不要浅尝辄止,一定要深入进去、全面了解。好了,不...- 0
- 0
- 0
- 0
- 0
html5的画布canvas——画出弧线、旋转的图形实例代码+效果图
在做旋转操作之前一定要理解一句话:旋转的是画布的坐标系而不是图形本身,好了,理解了这一句话后,接下来的就很简单了。首先认识一下画圆的坐标:复制代码代码如下:varcxt=document.getel...- 0
- 0
- 0
- 0
- 0
html5的画布canvas——画出简单的矩形、三角形实例代码
首先在html页面中放置一个canvas元素,其中canvas元素应该具备三个属性id、width、height。复制代码代码如下:取得canvas对象并取得上下文varcxt=document.getelement...- 0
- 0
- 0
- 0
- 0
html5模拟平抛运动(模拟小球平抛运动过程)
物体以一定的初速度沿水平方向抛出,如果物体仅受重力作用,这样的运动叫做平抛运动。平抛运动可看作水平方向的匀速直线运动以及竖直方向的自由落体运动的合运动。平抛运动的物体,由于所受的合外力...- 0
- 0
- 0
- 0
- 0