audio和video标签的推出，可以说是填补了HTML对音频和视频播放标签的空白。一直以来，HTML都没有适合自己的播放标签，而统一采用<embed>这样的标签来播放。本文首先从API的角度，对audio和video标签进行了解释和分析，从而帮助大家了解audio和video。audio标签audio标签支持HTML页面中的音频，我们可以自由地在HTML页面中嵌入音乐和音频流，下面从4个方面...
1）百度上的关于操作系统上的使？统计百度统计流量研究院2）谷歌浏览器下载谷歌浏览器下载3）浏览器的使？技巧——WEB前端助？（FeHelper）前端？员的神器WEB前端助？（FeHelper）可参考网站上的安装说明进行安装（后缀crx改为zip=》直接拖入更多工具/拓展程序中）4）工具介绍SublimeText（高级记事本显示代码高亮，推荐）Notepad++aptanaEditPlus...
Canvas是依赖分辨率的位图画布，可以在其上绘制任意图形，甚至加载照片。在HTML5中，定义了一系列标准的CanvasAPI，用于绘制图形、创建渐变、处理图像，甚至可以针对像素进行处理。在此，我们先提出两个问题供大家思考。这两个问题是大多数初学者和一些有一定经验的朋友都未必能够准确回答的。请一定仔细思考这两个问题，这是成为Canvas高手的基础问题。问题1：Canvas是不是透明的？问题2：C...
drawImage方法的又一变种是增加了两个用于控制图像在canvas中缩放的参数。drawImage（图像，x，y，宽度，高度）其中宽度和高度分别是图像在画布中显示大小。注意：图像可能会因为大幅度的缩放而变得起杂点或者模糊。如果您的图像里面有文字，那么最好还是不要进行缩放，因为那样处理之后很可能图像里的文字就会变得无法辨认了。图片缩放示例说明在这个例子里，我会用一张图片像背景一样在画布上以重复...
贝塞尔曲线：它可以是二次和三次方的形式，一般用于绘制复杂而有规律的形状。方法：quadraticCurveTo(cp1x,cp1y,x,y)bezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y)参数x和y是终点坐标，cp1x和cp1y是第一个控制点的坐标，cp2x和cp2y是第二个的。用贝塞尔曲线绘制聊天气泡说明用贝塞尔曲线绘制聊天...
canvas绘制圆形的过程也是画线围边的过程。与传统的Canvas不同，目前Canvas没有fillarc()方法，因此只能采用下面这样的方式实现圆的绘制：ctx.fillStyle="blue";//填充色为蓝色ctx.strokeStyle="red";//描边为红色ctx.lineWidth=2;ctx.arc(200,200,150,0,Math.PI*2,tr...
下面对我们在实际开发中对Canvas应用的具体环境和情况作出的一个思考，在HTML5被越来越多的技术人员和公司接受后，大量的应用开始在Canvas上开发和设计，但是，我们认为并不是所有的地方都必须用Canvas才可以做出好的效果。在某些特定条件下，我们都强烈推荐用户使用css3和DOM，而放弃使用Canvas。有朋友将这种技术现象称为“复古流”。目前HTML5已经越来越多地应用到手机应用开发领域，...
在这里，我们要郑重提醒一些已经学习了Canvas的读者，在设计应用的时候做足相关的技术理论准备工作，在一些基本的问题上花费一些时间，可以避免重大缺陷，并能创造更加令人惊艳的效果。大家想一下两个问题：Canvas是不是透明的？Canvas可不可以互相堆叠在一起？下面我们给出上述两个问题的答案。Canvas是没有背景色的，也就是说Canvas默认是完全透明的，就像一块玻璃，而不是一块画布，如果非要...
本文介绍的组合其实就是两个或以上的图形绘制在一起（或“合成”）时所产生的效果。默认的情况是，最后绘制的图形覆盖先前绘制的图形。在Canvas中有12个组合类型，这些类型用属性globalCompositeOperation来设置，下面给出了所有值在Canvas上的含义说明。globalCompositeOperation属性值及其含义"copy"只绘制新图形，删除其他所有内容"darker"图...
在学习过css3关于阴影部分的特效后，此处就非常简单了。阴影特效主要有以下几个属性。shadowOffsetX=floatshadowOffsetY=floatshadowBlur=floatshadowColor=color其中shadowOffsetX和shadowOffsetY用来设定阴影在x轴和y轴的延伸距离，负值表示阴影会向上或左延伸，正值表示阴影会往下或...