摘要: 通过指定从何处开始,在何处结束,来绘制一条线: JavaScript 代码: canvas 元素: 通过规定尺寸、颜色和位置,来绘制一个圆: JavaScript 代码: canvas 元素: 使用您指定的颜色来绘制渐变背景: JavaScript 代码: canvas 元素: 把一幅图像放置到画布 阅读全文
posted @ 2016-07-31 10:32 涂先庆 阅读(151) 评论(0) 推荐(0)
摘要: canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成: avaScript 使用 id 来寻找 canvas 元素: 然后,创建 context 对象: 理解坐标 上面的 fillRect 方法拥有参数 (0,0,150,75)。 意思是:在画布上绘制 150 阅读全文
posted @ 2016-07-31 10:31 涂先庆 阅读(149) 评论(0) 推荐(0)
摘要: 废除的属性 HTML4中一些属性在HTML5中不再被使用,而是采用其他属性或其他方式进行替代。 HTML5 中添加的属性。 阅读全文
posted @ 2016-07-31 10:24 涂先庆 阅读(148) 评论(0) 推荐(0)
摘要: 新的表单特性和函数: placeholder:输入框提示信息 autocomplete:是否保存用户输入值 autofocus:指定表单获取输入焦点 list和datalist:为输入框构造一个选择列表 required:此项必填,不能为空 pattern:正则验证pattern="\d{1,5}" 阅读全文
posted @ 2016-07-31 10:17 涂先庆 阅读(98) 评论(0) 推荐(0)
摘要: section标签 表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等标签结合起来使用,表示文档结构。例:HTML5中 <section>……</section>HTML4中<div> ……</div>。 article标签 表示页面中一块与上下文不相关的独立内 阅读全文
posted @ 2016-07-31 10:01 涂先庆 阅读(267) 评论(0) 推荐(0)
摘要: 盒子容不下内容的展示:overflow属性 hidden:超过的文字就会被隐藏,看不到 scroll:看不到的文字可以通过滚动 看到 auto:会根据内容自动的增加水平或者竖直的滚动条 visible:与设置此属性效果一样,会影响布局 另外还有:overflow-x,overflow-y 盒子大小设 阅读全文
posted @ 2016-07-24 23:58 涂先庆 阅读(107) 评论(0) 推荐(0)
摘要: 文本属性:color,font,text-decoration,text-align,vertical-align,white-space,content CSS3属性(内核前缀) Mozilla 内核 css前缀-moz; WebKit 内核 css前缀-webkit ;(谷歌已换用blink内核 阅读全文
posted @ 2016-07-24 23:46 涂先庆 阅读(125) 评论(0) 推荐(0)
摘要: transform:变形种类;的名称(对应的属性值),多个种类之间使用空格分隔。一个()中的属性值之间用逗号分隔。 transition 属性是一个简写属性,用于设置四个过渡属性: transition-property 哪个属性实现过渡如:width transition-duration 完成过 阅读全文
posted @ 2016-07-24 23:46 涂先庆 阅读(128) 评论(0) 推荐(0)
摘要: context.clearRect(0,0,width,height);//对一个矩形画面进行刷新 context.beginPath();//起始路径 context.moveTo(100,100); context.lineTo(700,700);//起始坐标为100,100,终点坐标为700, 阅读全文
posted @ 2016-07-17 20:28 涂先庆 阅读(167) 评论(0) 推荐(0)
摘要: 22、绘制、平铺、裁剪图像context.drawImage(image,x,y);context.drawImage(image,x,y,w,h);context.drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh);sx,sy和sw,sh为源图像的被复制区域的起始坐标 阅读全文
posted @ 2016-07-17 20:25 涂先庆 阅读(105) 评论(0) 推荐(0)