![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
文章平均质量分 75
appteam_vlctech
这个作者很懒,什么都没留下…
展开
-
特效集锦
http://www.joelambert.co.uk/flux/ http://www.youku.com/playlist_show/id_17105254.html转载 2012-08-03 16:23:45 · 297 阅读 · 0 评论 -
HTML5特性 > Canvas >像素和颜色
一、理解颜色我们在电脑屏幕上可以看到色彩斑斓的图像,其实这些图像都是由一个个像素点组成的。那么像素是什么?颜色又是什么呢?(如果您提出这两个问题,您一定是个热爱思考的人)一个像素其实对应着内存中的一组连续的二进制位,由于是二进制位,每个位上的取值当然只能是 0 或者 1 了!这样,这组连续的二进制位就可以由 0 ,1 排列组合出很多种情况,而每一种排列组合就决定了这个像素的一种颜色。先看看转载 2012-09-26 14:37:18 · 1770 阅读 · 0 评论 -
HTML5特性 > Canvas >画布
一、标签标签的用法非常简单,如下:canvas id="tutorial" width="150" height="150" style="background-color:red;"> 你的浏览器不支持 Canvas 标签 canvas> 二、渲染上下文 Rendering Context获取上下文非常简单,只需要如下两行代码:var canvas = document.转载 2012-09-26 10:47:50 · 341 阅读 · 0 评论 -
HTML5特性 > Canvas >基础绘图
一、坐标系其实只要玩过一点点图形编程的人都知道,电脑上的坐标系和数学上的坐标系稍微有点不同,坐标的原点在绘制区域(这里是Canvas)的左上角,X轴正向朝右,Y轴正向朝下,如下图二、Stroke 和 FillHTML5中将图形分为两大类:第一类称作 Stroke,我的理解就是轮廓、勾勒或者线条,总之,图形是由线条组成的;第二类称作 Fill,转载 2012-09-26 11:03:18 · 534 阅读 · 0 评论 -
CanvasRenderingContext2D 对象
CanvasRenderingContext2D 对象CanvasRenderingContext2D 对象提供了一组用来在画布上绘制的图形函数。可用的函数非常丰富,它们可以分为以下几类:绘制矩形可以使用 strokeRect() 和 fillRect() 来绘制矩形的边框和填充矩形。此外,可以使用 clearRect() 来清除矩形所定义的区域。绘制图像在 Can转载 2012-09-26 10:45:02 · 859 阅读 · 0 评论 -
HTML5特性 > 本地储存 >HTML5本地存储详解
HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上,并再以后需要的时候进行获取。这个概念和cookie相似,区别是它是为了更大容量存储设计的。Cookie的大小是受限的,并且每次你请求一个新的页面的时候cookie都会被发送过去。HTML5的storage是存储在你的计算机上,网站在页面加载完毕后可以通过Javascript来获取这些数据。1、sessionSt转载 2012-09-24 14:07:49 · 556 阅读 · 0 评论 -
HTML5特性 > 本地储存 >检测是否支持本地存储(Local Storage,sessionStorage)
如果你的浏览器支持该特性的话,那么全局对象:window上会有一个localStorage的属性,反之,你的浏览器不支持的话,那么该属性值为undefinedJavaScript Code复制内容到剪贴板function supports_local_storage(){ return !!window.localStorage; }转载 2012-09-24 12:04:29 · 3733 阅读 · 0 评论 -
HTML5特性 > 本地储存 >HTML5 Web本地存储
在html5中为我们提供了一种本地缓存机制,它将取代我们的cookie,并且它是不会随浏览器发会我们的服务器端的。我们可以采用js在客户端自由的操作本地缓存。html5中缓存主要有localStorage,和sessionStorage。他们的用法一致。区别在于他们的时间限制不同。localStorage是不存在时间限制的。而sessionStorage这时基于session的数据存储,在关闭或者转载 2012-09-24 11:00:48 · 416 阅读 · 0 评论 -
HTML5特性 > 本地储存>localStorage简要说明
1.localStorage是什么localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。2.localStorage有哪些优点1. 存储空间存储空间 更大:IE8下每个独立的存储空间为10M,其他浏览器实现略有不同,但都比Cookie要大很多。2. 服务器存储内容不会发送到服务器:当设置了Cookie后,Cooki转载 2012-09-24 10:48:23 · 1538 阅读 · 0 评论 -
HTML5全球定位系统Geolocation初探
对于HTML5 Geoloatio的介绍我在此不多说,你可以Google一下。假如你想了解地理定位想关的信息,你也可以利用Google获取这些知识,本文主要讲HTML5 Geoloatio API的使用。我们首先来看一下HTML5 Geolocation在主流浏览器中的支持情况,目前HTML5 Geolocation在以下浏览器和操作系统中已被支持:1\带有Gears的Chrome;2转载 2012-10-12 09:18:41 · 811 阅读 · 0 评论 -
WebGL基础流程
定义顶点着色器和片元着色器,代码放到HTML的标签中,使用的类型是“x-shader/x-vertex”和“x-shader/x-fragment”;在initGL函数中初始化WebGL上下文(WebGL Context);使用getShader和initShaders函数将着色器载入到WebGL的program对象中;定义模型视图矩阵(mvMatrix)和投影矩阵(pMatrix),转载 2012-10-11 10:09:33 · 732 阅读 · 0 评论 -
HTML5 Canvas 基础开发教程 总结
canvas>是html5当中的一个标签,通过Javascript来画图。JavaScript Code复制内容到剪贴板 var canvas = document.getElementById(”canvas”); var ctx = canvas.getContext(”2d”); ctx.fillStyle = “rgb(0,0,200)转载 2012-10-08 14:50:11 · 654 阅读 · 0 评论 -
HTML5 canvas save和restore方法讲解
save()和restore()方法是绘制复杂图形必不可少的方法.它们分别是用来保存和恢复 canvas 状态的,都没有参数。Canvas 状态是以堆(stack)的方式保存的,每一次调用 save 方法,当前的状态就会被推入堆中保存起来。这种状态包括:当前应用的变形(即移动,旋转和缩放,见下):strokeStyle, fillStyle, globalAlpha, lineWi转载 2012-10-08 12:04:46 · 1422 阅读 · 0 评论 -
HTML5 canvas globalCompositeOperation绘图顺序讲解
我们总是将一个图形画在另一个之上,大多数情况下,这样是不够的。比如说,它这样受制于图形的绘制顺序。不过,我们可以利用 globalCompositeOperation 属性来改变这些做法。globalCompositeOperation = type我们不仅可以在已有图形后面再画新图形,还可以用来遮盖,清除(比 clearRect 方法强劲得多)某些区域。type 是下面 12转载 2012-10-08 11:44:35 · 1049 阅读 · 0 评论 -
HTML5特性 > Canvas >变幻的色彩
一、基本颜色在HTML5边玩边学(2):基础绘图中,我们提到过有两个上下文属性可以用来设置颜色:strokeStyle 决定了你当前要绘制的线条的颜色fillStyle 决定了你当前要填充的区域的颜色颜色值只要是符合CSS3 颜色值标准的有效字符串都可以。下面的例子都表示同一种颜色。例如://这些 fillStyle 的值均为 '橙色',ctx 是上下转载 2012-10-08 09:42:52 · 795 阅读 · 0 评论 -
HTML5 Canvas arc()函数讲解
为大家介绍曲线的语法。 如果要创建一个圆形,我们可以使用arc()方法。语法:arc(定义一个中心点,半径,起始角度,结束角度,和绘图方向:顺时针或逆时针)代码:context.arc(centerX, centerY, radius, startingAngle, endingAngle, antiClockwise);HTML5 Canvas Arc 说明:Canvas转载 2012-10-08 12:08:28 · 1720 阅读 · 1 评论 -
HTML5特性 > Canvas >图像、图案和字体
一、创建图像对象 在 HTML5 中,Image 对象对应着一幅图片,想要获取一个图像对象,有以下几种方法:1) 通过 document.images 集合、document.getElementsByTagName 方法或者document.getElementById 方法来获取网页内已经存在的图片对象;2) 用 document.getElementsByTagNam转载 2012-10-08 10:09:40 · 1216 阅读 · 0 评论 -
HTML5 canvas画圆角框
> html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> meta http-equiv="Content-Language" content="zh-cn" />转载 2012-09-27 11:09:05 · 849 阅读 · 0 评论 -
HTML5 Audio/Video 标签,属性,方法,事件汇总
标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条 id="media" src="http://www.abc.com/test.mp3" controls> 标签属性:src:视频的URLposter:视频封面,没有播放时显示的图片preload:预加载转载 2014-07-21 10:52:03 · 863 阅读 · 0 评论