随笔分类 - 1_html5
摘要：html5--5-11 绘制文字 学习要点 掌握文字的绘制方法 文字的绘制方法 strokeText("文字"，x,y,maxWith) 绘制（描边）空心文字 fillText("文字"，x,y,maxWith) 绘制实心 字体样式：font="大小 字体 ..." 矩形的绘制方法 rect(x,y
阅读全文
摘要：html5--5-9 绘制扇形 学习要点 综合运用已经学过的知识绘制一个扇形 矩形的绘制方法 rect(x,y,w,h)创建一个矩形 strokeRect(x,y,w,hx,y,w,h) 绘制矩形（无填充） fillRect(x,y,w,h) 绘制"被填充"的矩形 stroke() 绘制已定义的路径
阅读全文
摘要：html5--5-8 绘制圆/弧 学习要点 掌握绘制圆弧的方法 矩形的绘制方法 rect(x,y,w,h)创建一个矩形 strokeRect(x,y,w,hx,y,w,h) 绘制矩形（无填充） fillRect(x,y,w,h) 绘制"被填充"的矩形 stroke() 绘制已定义的路径 fill()
阅读全文
摘要：html5--5-7 绘制圆/弧 学习要点 掌握arc() 方法创建圆弧/曲线（用于创建圆或部分圆） 矩形的绘制方法 rect(x,y,w,h)创建一个矩形 strokeRect(x,y,w,hx,y,w,h) 绘制矩形（无填充） fillRect(x,y,w,h) 绘制"被填充"的矩形 strok
阅读全文
摘要：html5--5-6 绘制圆/弧 学习要点 掌握arc() 方法创建圆弧/曲线（用于创建圆或部分圆） 矩形的绘制方法 rect(x,y,w,h)创建一个矩形 strokeRect(x,y,w,hx,y,w,h) 绘制矩形（无填充） fillRect(x,y,w,h) 绘制"被填充"的矩形 strok
阅读全文
摘要：html5--5-5 绘制填充矩形 学习要点 掌握绘制矩形的方法：strkeRect()/fillRect() 掌握绘制路径的 beginPath()和closePath() 矩形的绘制方法 rect(x,y,w,h)创建一个矩形 strokeRect(x,y,w,hx,y,w,h) 绘制矩形（无填
阅读全文
摘要：html5--5-4 绘制矩形 学习要点 掌握绘制矩形的方法：strkeRect()/fillRect() 掌握绘制路径的 beginPath()和closePath() 矩形的绘制方法 rect(x,y,w,h)创建一个矩形 strokeRect(x,y,w,hx,y,w,h) 绘制矩形（无填充）
阅读全文
摘要：html5--5-3 给直线添加样式 学习要点 strokeStyle属性：设置颜色、渐变或模式（本节课只涉及到颜色） lineWidth属性：--设置线宽 Canvas的路径方法 moveTo() 定义绘制路径的起点(在直线中就是定义直线的起点) lineTo() 添加一个新点，(在我们的直线案例
阅读全文
摘要：html5--5-2 绘制直线 学习要点 如何在HTML5文档中添加canvas元素 canvas的属性 了解canvas坐标系 了解script元素 绘制一条直线（准确的说是线段） 什么是canvas HTML5的canvas元素是HTML5技术标准中最令人振奋的功能之一。它提供了一套强大的图形A
阅读全文
摘要：html5--5-1 了解canvas元素 学习要点 如何在HTML5文档中添加canvas元素 canvas的属性 了解canvas坐标系 了解script元素 绘制一条直线（准确的说是线段） 什么是canvas HTML5的canvas元素是HTML5技术标准中最令人振奋的功能之一。它提供了一套
阅读全文
摘要：html5--4-5 embed元素及其他 学习要点 掌握embed元素的使用 了解object元素的使用 温馨提示：关于video和audio的事件方法等涉及都JavaScript知识的内容，暂时不做讲解，放到后续课程的专题系列和综合实例中来讲。 embed定义嵌入的内容，比如插件。 embed用
阅读全文
摘要：html5--4-4 audio元素/格式的转换 学习要点 掌握audio元素的用法 视频/音频文件的格式转换 当前，audio 元素支持三种音频格式： Ogg 免费, 支持的浏览器:Firefox、Opera、Chrome MP3 收费, 支持的浏览器: IE9+、Chrome、Safari Wa
阅读全文
摘要：html5--4-3 source元素-解决浏览器的兼容 学习要点 掌握source元素的用法 source元素-解决浏览器额兼容 HTML5 中新增的元素 video和audio元素的子元素，可指定多个文件来源，用来解决浏览器的兼容问题 如果使用了source元素，则不可以在video和audio
阅读全文
摘要：html5--4-2 video元素的属性 学习要点 掌握video元素的基本用法 直到现在,在网页中的大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 video 元素来包含视频的标准方法，这样播放视频就不必依赖外部插件 在本套课程
阅读全文
摘要：html5--4-1 video/视频播放 学习要点 掌握video元素的基本用法 直到现在,在网页中的大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 video 元素来包含视频的标准方法，这样播放视频就不必依赖外部插件 在本套课
阅读全文
摘要：html5--3.22 综合实例03 学习要点 通过一个综合实例来回顾学过的内容 实例 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style
阅读全文
摘要：html5--3.21 课程小结与其他新增元素 学习要点 了解新增的input属性pattern 其他几个新增元素（非表单中元素，但是也放在这里讲解） 以下几个元素虽然放在表单这一章来讲，并非表单中的元素 目前所有主流浏览器都不支持的menu标签和目前只有 Internet Explorer 支持c
阅读全文
摘要：html5--3.20 新增的keygen元素 学习要点 掌握fieldset/legend元素的用法（和figure和figcaption很像，只不过是作用于表单） 了解keygen元素的用法 fieldset元素：可将表单内的相关元素分组。 当一组表单元素放到fieldset标签内时，浏览器会以
阅读全文
摘要：html5--3.19 新增的progress/meter元素 学习要点 了解progress/meter元素的用法 progress元素 是HTML5中新增的元素，用来建立一个进度条 通常与JavaScript 一同使用，来显示任务的进度。 使用时注意浏览器的支持情况：Internet Explo
阅读全文
摘要：html5--3.18 新增的output元素 学习要点 了解output元素的用法 output元素：数据的输出 output元素是HTML5新增的元素，用来设置不同数据的输出 output元素是HTML5新增的元素，用来设置不同数据的输出 output元素的输出内容是由代码控制的 output元
阅读全文
浙公网安备 33010602011771号