Canvas API 1.HTML5 Canvas 概述 1.1 历史 Canvas的概念最初是由苹果公司提出的,用于在Mac OS X WebKit中创建控制板部件(dashboard widget).在Canvas出现之前,开发人员若要在浏览器中使用绘图API,只能使用Adobe的Flash和SVG插件,或者只有IE才支持的VML,以及其他一些稀奇古怪的javascript技巧. SVG和Canvas对比 "Canvas本质上是一个位图画布,其上绘制的图形是不可缩放的,不能像SVG图像那样可…

一.HTML 标题 HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的. <h1>标题一</h1> <h2>标题二</h2> <h3>标题三</h3> 二.HTML 段落 HTML 段落是通过标签 <p> 来定义的. <p>亲吻你的手还靠著你的头</p> <p>让你躺胸口 那个人已不是我</p> <p>这些平常的举动…

HTML5 概述 1.html5 发展史 1993年html首次以因特网草案形式发布. 20世纪90年代,html大幅发展,从2.0版,到3.2版和4.0版.最后到1999年的4.01版. 伴随html发展,W3C掌握了对html规范的控制权. 快速发布四个版本后,在业界人为html已经末路的同时,对web标准焦点开始转移到XML和XHTML上.HTML被放在次要位置. 致力于将web平台提升到一个新高度,一小组人在2004年成立WHATWG,他们创立了HTML5规范,同时开始转对web应用开发…

在HTML5中,article可以看做特殊种类的section,它比section更强调独立性. section元素强调分段或分块,而article强调独立性: 如果一块内容相对独立.完整,应该使用article:如果想将一块内容分成几段,应该使用section; section元素使用禁忌: 1. 不要讲section设置样式的页面容器,那是div的工作: 2. 如果article,aside或nav元素更符合条件,不要使用section 3. 不要为没有标题的内容区块使用section:…

色彩 Colors fillStyle = color 设置图形的填充颜色. strokeStyle = color 设置图形轮廓的颜色. 透明度 Transparency globalAlpha = transparency value // globalAlpha 示例 ctx.fillStyle = '#FD0'; ctx.globalAlpha = 0.2; // rgba() 示例 ctx.strokeStyle = "rgba(255,0,0,0.5)"; ctx.fill…

HTML元素 元素是指从开始标签到结束标签的所有代码. 开始(开放)标签 元素内容 结束(闭合)标签 <p> this is my web page </p> 没有内容的 HTML 元素被称为空元素.空元素是在开始标签中关闭的. <br> 就是没有关闭标签的空元素(<br> 标签定义换行). 在 XHTML.XML 以及未来版本的 HTML 中,所有元素都必须被关闭. 在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML.X…

请你跟着本篇示例代码实现每个示例,30分钟后,你会高喊:“HTML5 Canvas?!在哥面前,那都不是事儿!” 呵呵.不要被滚动条吓到,很多都是代码和图片.我没有分开写,不过上面给大家提供了目录,方便查看. 学习笔记,纯手工码字,有错别字什么的请指出,觉得好的请点个赞小小的支持下.谢谢亲们. 本篇,我们将探索如何使用HTML5和Canvas API.Canvas API很酷,可以通过它来动态生成和展示图形.图表.图像以及动画. 本篇将使用渲染API(Rendering API)的基本功能来创建…

amazeui学习笔记二(进阶开发4)--JavaScript规范Rules 一.总结 1.注释规范总原则: As short as possible(如无必要,勿增注释):尽量提高代码本身的清晰性.可读性. As long as necessary(如有必要,尽量详尽):合理的注释.空行排版等,可以让代码更易阅读.更具美感. 2.变量命名规则(和之前的C++和Java一样): 常量全大写 UPPERCASE_WORD 变量驼峰 camelName 类名驼峰,并且首字母要大写 CamelName…

持续更新中- 我的大学笔记>>> 章节 内容 实践练习 Java高级程序设计作业目录(作业笔记) 第1章 Java高级程序设计笔记 • [第1章 IO流] 第2章 Java高级程序设计笔记 • [第2章 多线程(一)] 第3章 Java高级程序设计笔记 • [第3章 多线程(二)] 第4章 Java高级程序设计笔记 • [第4章 网络编程] 第5章 Java高级程序设计笔记 • [第5章 XML解析] 第6章 Java高级程序设计笔记 • [第6章 设计模式]…

HTML5学习笔记 <video>标记:定义视频,Ogg.MPEG4.WebM三种格式 <video src=”movie.ogg”  controls=”controls”> 您的浏览器不支持video标签.(提供不支持video元素的浏览器显示) </video> 这个标签有的属性: controls:向用户显示该控件,比如播放.暂停.音量按钮 height,width定义高宽 autoplay:如果出现该属性,则视频在就绪后马上播放 loop:如果出现该属性,完成…