摘要:
1.Audio的浏览器支持性 目前,在IE9++中支持mp3格式,在Chrome和fireFox等中支持ogg(oga)格式。大多数浏览器都支持wav格式。2.video的浏览器支持性 目前主要的支持格式是webm格式,IE9需要下载相关插件。 IE9主要支持H264视频解码器和AAC音频解码器的mp4格式。3.简单示例 audio示例: ① <audio controls src="johann_sebastian_bach_air.ogg"> An audio clip from Johann Sebastian Bach. ... 阅读全文
摘要:
☆ canvas.getContext('2d') 不可在convas中直接绘图,必须用该方法获得其二维空间绘图上下文。☆ context.beginPath() 表示开始新的路径绘制。☆ context.isPointInPath(x, y) 判断某个点是否在路径上。在坐标系被转换后该方法不适用。☆ context.moveTo(x,y) 相当于将画笔从画板提起,笔尖离开画板,然后再将笔尖定位在(x,y)坐标处,在这个新的位置开始新的绘制。☆ context.lineTo(x, y) 相当于画笔笔尖不离开画板,画笔笔尖从当前坐标位置移动至(x,y)坐标处,绘制一条线段。☆.. 阅读全文
摘要:
☆ context.lineWidth 设置线宽,值,可以小于1,以像素为单位,单位是隐式的,赋值的时候不能带单位名称。默认值为1,但1在各浏览器中看起来大概为2像素,可能是因为使用了边缘柔化技术(chrome14看起来不是柔化)。值若值<=0则变为默认的1。若值大于0小于1,则浏览器通常会减淡颜色显示,但看仔细看仍是2像素;chrome14在值的范围为(0, 0.25)时显示有问题,大于等0.25显示正常,且等于0.25则看起来是1像素,但有时候1像素的颜色很淡,甚至显示不出来,可以设置略大于1的值(如1.01)来解决此问题;IE9在值的范围为(0, 0.13)显示有问题。若一个形状内 阅读全文
摘要:
说明:本文及文章最后所附相关文章,是我对于书籍《Pro HTML5 Programming》英文版的个人学习总结。一.Using the HTML5 Canvas API1.convas坐标系统 Convas中的坐标系统以convas的左上角为坐标原点,水平坐标从左到右递增,垂直坐标从上到下递增。2.CSS and Canvas 大多数CSS样式可应用于convas。3.让IE9以下版本中支持convas 可以在http://code.google.com/p/explorercanvas下载一个JS库让IE9以下版本支持convas。使用该库的方法如下: <head... 阅读全文