现把canvas的知识点总结如下,以便随时查阅。 1、填充矩形 fillRect(x,y,width,height); 2、绘制矩形边框 strokeRect(x,y,width,height); 3、擦除矩形 clearRect(x,y,width,height); 4、填充样式 fillStyle="red"; 样式可以为颜色、渐变和图像。 5、描边样式 strokeStyle="red"; 6、描边线条的宽度 lineWidth=4; 7、线条末端形状 lineCap="butt"; butt(对接)/round(圆)/square(方),默认情况下是butt; 8、线条相交样式 lineJoin="m...
基本绘制XML/HTML Code复制内容到剪贴板var canvas = document.getElementById('canvas'); if (canvas.getContext) { var context = canvas.getContext('2d'); // 线宽 context.lineWidth = 4; // 画笔颜色 context.strokeStyle = 'red'; // 填充色 context.fillStyle = "red"; // 线帽类型 context.lineCap = 'butt'; // round, square // 开始路径 context...
一、什么是jqMobijqMobi是由appMobi针对HTML5浏览器和移动设备开发的JavaScript框架,是个极快速的查询选择库,支持W3C查询。版本jqMobi源码最初在2012年1月份推出,基于MIT/X11许可证,托管在GitHub上,开发者可参与并通过插件不断改进该框架。2012年3月13日,jqMobi 1.0版本正式发布。现在最新的版本是jqMobi 2.0jqMobi的特点速度快适用于智能手机和平板电脑提供了60多个API调用与jQuery相同的语法插件可扩展体积更小英特尔收购英...
开始学习html5了,趋势不得不学习啊,之前老毛说过落后就要挨打,现在是不学习就要被市场淘汰,被社会淘汰。喜欢挑战,喜欢冒险。来吧。csdn给我们提供了那么好的平台,用起来。。零基础学HTML 5的实战开发 http://edu.csdn.net/course/attend/489/5450
页面标题 <hr />是一条直线 小标题 小标题 <p> </p>指的是段落 <br />指的是换行,放在一句话的后面,重复用可以多空几行 指的是空格。圆角状态下的空格也可以在网页中表现出来。 Tab指缩进 title放上去的时候会显示 苹果 苹果是一种水果 香蕉 香蕉也是一种水果 <dl/> </dl/> 是指定义 姓名性别学科 李培能男语文 胡习平男语文 王小康男语文 戴晓男语文 表格由table标签创建,tr标签创建行,td(colspan可以横跨几...
第七章,CSS构造块 CSS里有控制基本格式的属性(font-size,color),有控制布局的属性(position,float),还有决定访问者打印时在哪里换页的打印控制元素。CSS还有很多控制项目显示或消失的动态属性,可以用于创建下来列表和其他交互性组件。 构造样式规则 样式表中的每条规则都有两个部分:选择器和声明块。 选择器决定哪些块受影响,声明块由一个或多个属性-值对组成,指定应该做什么。 ...
第十一章,用CSS进行布局 开始布局注意事项 1、内容与显示分离 2、布局方法:固定宽度和响应式布局 固定宽度,整个页面和每一栏都有基于像素的宽度 响应式布局也称为流式页面,使用百分数定义宽度 3、浏览器问题 注:HTML5 shiv 是少有的必须在head中加载JavaScript的情况之一,否则就不起作用。 关于HTML5 shiv: 与其他主流浏览...
第十一章 1、 box-sizing:border-box(让宽度和高度包含内边距和边框) 2、 clear让后面的元素显示在浮动元素的后面 3、 z-index只对只对绝对、固定、相对定位的元素有效 4、 vertical-aligh只用于行内元素 baseline/middle/sub/super/text-top/text-bottom/top/bottom/百分比/值 第十二章 1、 and (min-width/max-width/resolution:value)” href=”” /> 2、 第十三章 1、 ...
第七章 1、 样式表:选择器和生命块 2、 !important: 某条声明的重要程度比其他高,在末尾添加 3、 属性值:inherit; 是强制继承 4、 1em=16px; 5、 可以接受不带单位的属性:line-height、z-index、opacity 6、 background-color/color/border/box-shadow/text-shadow: rgba(89,0,127,.2);最后一个是透明度 7、 属性:hsl(95,10%,28%) 色相、饱和度、亮度 第八章 1、 在和中加入media=”pri...
一、绘制基本图形 在每次用canvas画布时,都有几步是“套路” 1.在HTML中创建Canvas画布: 浏览器不支持canvas 2.获取画布标签,并得到一个2D对象: var c = document.getElementById(mycanvas); //获取标签var ctx = c.getContext("2d"); //返回一个用来绘制环境类型的环境,返回一个2D对象 ,该对象实现了一个画布使用的大多数方法。 1、绘制线条: ctx.lin...
原文。 随着你学习了 HTML5 并把新技术加入到你的技能列表,你可能希望建立一个自己的模板,你可以用这个模板开始任何简单的 HTML5 项目。我们鼓励这么做,并且你可能考虑使用网上提供的关于 HTML5 开发的模板资源中的其中一个。 然而,在这个项目中,我们要重头开始构建我们自己的代码并解释每一块。当然,在各种项目中我们不可能包含每一个新的元素和技术,所以我们也要解释一些和项目不符合的新特性。通过这种方式,你将...
本文是节选《HTML5与CSS3基础教程》(第八版)第3章第3节。 本章全部文章: 第一节: “基本HTML结构 开始编写网页” 第二节:创建页面标题 第三节:创建分级标题 3.4 普通页面构成 你肯定已经访问过了大量像图3.4.1中显示的那种网站。抛开内容不谈,我们可以看到该页面有四个主要组件:带导航的页头、显示在主体内容区域的文章、显示次要信息的附注栏以及页脚,如图3.4.2所示。 ...
摘要:大多数网页都有一些不同的区块,如页眉、页脚、包含额外信息的附注栏、指向其他网站的链接,等等。不过,一个页面只有一个部分代表其主要内容。可以将这样的内容包在main元素中,该元素在一个页面仅使用一次。 作者:图灵教育来源:《HTML5与CSS3基础教程》(第八版) 第三章全部章节: 第一节: “基本HTML结构 开始编写网页” 第二节:创建页面标题 第三节:创建分级标题 第四、五...
前端开发工程师实际上是负责IT系统工程的,实际上就是负责信息化系统的设计、建设,包括设备、系统、数据库、应用系统的建设的。说白了,你前期就是个做网页的,但是后期会慢慢变得越来越厉害,自己写网站,做各种动画游戏不再话下,喜欢哪个女生,分分钟在网页上给你画出来花。会了这些害怕追不到妹子么?是不是很流弊? 等你进入公司后,一般来说都是这么分工的: 1.产品需求: 由产品经理给出需求文档 2.项目设计: ...
本文是节选《HTML5与CSS3基础教程》(第八版)第3章第3节。 本章全部文章: 第一节: “基本HTML结构 开始编写网页” 第二节:创建页面标题 作者:图灵教育来源:《HTML5与CSS3基础教程》(第八版) 3.3 创建分级标题 HTML提供了六级标题用于创建页面信息的层级关系。使用h1、h2、h3、h4、h5或h6元素对各级标题进行标记,其中h1是最高级别的标题,h2是h1的子标题,h3是h2的子标题,以...