-
HTML5 Canvas——用路径描画线条实例介绍
HTML2021-09-06
原文: http://www.lifelaf.com/blog/?p=371 本文翻译自Steve Fulton Jeff Fulton HTML5 Canvas, Chapter 2, Using Paths to Create Lines 对于HTML5 ...
-
利用HTML5画出一个坦克的形状具体实现代码
HTML2021-09-06
复制代码 代码如下: var canvas=document.getElementById('myCanvas'); var ctx= canvas.getContext('2d'); ctx.fillStyle="#99FF66"; ctx.fillRect(10,...
-
HTML5的表单(绝对特别强大的功能)使用示例
HTML2021-09-06
1、邮箱的自动验证 只需要type=email 2、日期的验证(年月日):type=date 3、时间的验证(格式:00:00):type=time 4、数字...
-
html5 worker 实例(一) 为什么测试不到效果
HTML2021-09-06
很多人在测试 worker api的时候,总是会出现异常,根本测试不到效果。 在使用 worker 的时候有个必须注意的地方,就是...
-
html5 worker 实例(二) 图片变换效果
HTML2021-09-06
worker的js代码img.js 复制代码 代码如下: onmessage = function(e) { postMessage(filter(e.data)) }; function filter(imgd) { var pix = imgd.pix...
-
html5 offlline 缓存使用示例
HTML2021-09-06
如果想使用该api,必须保证服务器端配置相应的mime类型。 拿tomcat为例,在打开Tomcat 6.0\conf\web.xml文件,在文件的最后...
-
html5如何及时更新缓存文件(js、css或图片)
HTML2021-09-06
我们在使用offline cache的时候,有时候可能会更新资源,如js,css或者图片的 更新。但是在没有更新以前用户已经 缓存...
-
html5贪吃蛇游戏使用63行代码完美实现
HTML2021-09-06
以前也很少关注 html5 ,感觉选择html已经慢慢成为趋势,想了解下。就找了个 游戏 学习了,写完这个 游戏 感觉 htm...
-
HTML中使用SVG与SVG预定义形状元素介绍
HTML2021-09-06
SVG 文件可通过以下标签嵌入 HTML 文档:embed、object或者iframe。 复制代码 代码如下: embed src="rect.svg" width="300"height="1...
-
html5 input属性使用示例
HTML2021-09-06
今天才接确 html5 +css3 实在是太赞了。 下面我就来介绍一下今天我用到的 input 属性。 html5 代码如下: 复制代码 代码...
-
Html5实现iPhone开机界面示例代码
HTML2021-09-06
今天我突发其想,想到可以用 Html5 来仿照苹果操作系统做一个能在Web平台运行的ios。 当然,要开发出一个操作系统,...
-
仿CSDN Blog返回页面顶部功能实现原理及代码
HTML2021-09-06
只修改了2个地方: ,返回的速度--改成了慢慢回去。(原来是一闪而返回) ,返回顶部图标出现的时机--改成了只要...
-
html5 CSS过度-webkit-transition使用介绍
HTML2021-09-06
复制代码 代码如下: -webkit-transition: all 0.5s; color: #b91003; margin-left: 40px !important; 效果是 在0.5秒内容字体颜色逐渐红 向...
-
HTML5 Canvas的性能提高技巧经验分享
HTML2021-09-06
使用缓存技术实现预绘制,减少重复绘制Canvs内容 很多时候我们在 Canvas 上绘制与更新,总是会保留一些不变的内容...
-
HTML5 Canvas鼠标与键盘事件demo示例
HTML2021-09-06
演示 HTML5 Canvas 鼠标 事件,获取 Canvas 对象上的 鼠标 坐标,演示 键盘 事件通过 键盘 控制Canvas上对象移动。 Canvas对...
-
HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)
HTML2021-09-06
HTML5 Canvas 中提供了实现图形 平移 , 旋转 ,放缩的API。 平移 (translate) 平移坐标translate(x, y)意思是把(0,0)坐标平移到...
-
html标签之Object和EMBED标签详解
HTML2021-09-06
定义和用法 定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的...
-
HTML5验证以及日期显示的实现详解
HTML2021-09-06
1.Email输入框,自动 验证 Email有效性。 复制代码 代码如下: !DOCTYPE HTML html body form action="#" method="get" E-mail: input type="e...
-
HTML5 Canvas draw方法制作动画效果示例
HTML2021-09-06
HTML5 Canvas 动画 效果演示 主要思想: 首先要准备一张有连续帧的图片,然后利用HTML5 Canvas 的 draw 方法在不同的时间间...
-
HTML5 Canvas渐进填充与透明实现图像的Mask效果
HTML2021-09-06
详细解释HTML5 Canvas 中渐进填充的参数设置与使用, Canvas 中透明度的设置与使用,结合渐进填充与透明度支持,实现...
-
css 如何让背景图片拉伸填充避免重复显示
HTML2021-09-06
如何让 背景图片 拉伸填充,这个问题听起来似乎很简单。但是很遗憾的告诉大家。不是我们想的那么简单。 比如一...
-
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke
HTML2021-09-06
演示 HTML5 Canvas Fill 与Stroke文字效果,基于 Canvas 如何实现纹理填充与 描边 。 一:颜色填充与 描边 颜色填充可以通过...
-
html5 音乐播放器 audio 标签使用概述
HTML2021-09-06
复制代码 代码如下: audio 标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带...
-
HTML5标签与HTML4标签的区别示例介绍
HTML2021-09-06
(1)概念的变化: HTML5专注内容与结构,而不专注的表现 header hgroup导航相关数据/hgroup /header nav菜单/nav article h1标题...
-
HTML5注册表单的自动聚焦与占位文本示例代码
HTML2021-09-06
首先看下面要使用HTML自动聚焦和占位文本的示例代码 复制代码 代码如下: !DOCTYPE html 2: html head title注册帐号/title m...
-
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
HTML2021-09-06
HTML5 拥有若干涉及表单的元素和属性。 本章介绍以下新的表单元素: datalist keygen output 浏览器支持 Input type IE Firef...
-
有关HTML5 Video对象的ontimeupdate事件(Chrome上无效)的
HTML2021-09-06
日期在做一个视频播放的页面,其中用到了 HTML5 的Video对象,这个是 HTML5 中新增的一个对象,支持多种不同格式的视...
-
canvas使用注意点总结
HTML2021-09-06
1、 canvas 中文教程https://developer.mozilla.org/zh-CN/docs/Canvas_tutorial 2、 canvas 默认宽高是300、150,为避免异常,最好使用显...
-
x-ua-compatible content=”IE=7, IE=9″意思理解
HTML2021-09-06
公司的项目在老总的IE9下无法正常访问了。 那么就要用下面的方法:让网页兼容ie9 复制代码 代码如下: ![if lte IE 8]...
-
html5弹跳球示例代码
HTML2021-09-06
复制代码 代码如下: html head meta charset=utf-8 title跳跳球/title script //box var box_x=0; var box_y=0; var box_width=300; var box_height=...