随笔分类 -  Web开发

摘要：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... 阅读全文

摘要：HTML5中的Canvas并没有直接提供绘制椭圆的方法，下面是对几种绘制方法的总结。各种方法各有优缺，视情况选用 阅读全文