随笔分类 -  HTML5

HTML5
HTML5的全局属性
摘要：contentEditable:是否允许用户编辑元素中的内容。contentEditable有两个值，一个True 一个False。例子：designMode：用来指定整个页面是否可编辑，有两个值，on和off。该属性只可以通过javascript来修改值。如果design设置为on的话，所以允许设置contentEditable的元素都可以编辑。hidden：在HTML5中所有的元素都可以使用hidden属性，表示元素的不可见状态，有两个值，true和false。spellcheck：针对input元素（text,textarea）用户输入的内容进行拼写和语法检查，有两个值，true和fal 阅读全文
posted @ 2013-07-31 22:21 yexingwen 阅读(1373) 评论(0) 推荐(0)
绘制线性渐变
摘要：绘制线性渐变要用到：createLinearGradient，方法如：XXX.createLinearGradient(xStart,yStart,xEnd,yEnd);xStart为渐变起始地点的横坐标，yStart为渐变起始地点的纵坐标，xEnd为渐变结束地点的横坐标，yEnd为渐变起始地点的纵坐标。绘制完坐标后用addColorStop来设定渐变的颜色，方法如：XXX.addColorStop(offset,color);offset为所设定颜色离开渐变起点的偏移量，在0-1之间。color为绘制的颜色。 1 <!DOCTYPE html> 2 <meta charse 阅读全文
posted @ 2012-09-03 17:47 yexingwen 阅读(375) 评论(0) 推荐(0)
canvas绘制圆形
摘要：canvas绘制圆形的思路：1、创建路径 XXX.beginpath();2、创建圆形的路径；3、关闭路径；XXX.closepath(); 路径不关闭也能绘制出图形4、设定绘制样式。创建圆形路径时需要用到对象的arc方法，方法定义如：XXX.arc(x,y,radius,startAngle,endAngle,anticlockwise)x为圆形起点的横坐标，y为圆形起点的纵坐标，radius为圆形半径，startAngle为开始角度，endAngle为结束角度，anticlockwise是否按顺时针方向进行绘制。 1 <!DOCTYPE html> 2 <meta cha 阅读全文
posted @ 2012-09-03 17:25 yexingwen 阅读(13401) 评论(0) 推荐(0)
canvas绘制矩形
摘要：canvas绘制矩形的思路：1.先取得canvas元素，用document.getElementById等方法取得canvas对象。2.取得上下文context，用getcontext取得图形上下文，参数设置为2D。3.设定绘图样式，fillstyle：填充的样式，填入颜色值。如：xxx.fillStyle="#F00"; strokeStyle：图形边框样式，填入颜色值。如：xxx.strokeStyle="#000";4.设置线宽，用linewidth。如：xxx..linewidth=1;5.绘制矩形，分别用fillRect strokeRect方 阅读全文
posted @ 2012-08-17 11:13 yexingwen 阅读(9426) 评论(0) 推荐(0)
HTML5的语法变化和新增加元素
摘要：DOCTYPE声明：<!DOCTYPE html>字符编码：<meta charset="UTF-8">新增加元素：HTML5新增加的元素大部分可以用来替代DIV，新增加元素另代码更加语义化，如网页的头部用<header></header> 导航用<nav></nav> 底部用<footer></footer>这样的新元素会前端工程师编写的代码更加具有语义。标签描述<!DOCTYPE>定义文档类型。 <article>定义 article。 <asi 阅读全文
posted @ 2012-06-08 15:28 yexingwen 阅读(582) 评论(0) 推荐(0)