博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2013年3月20日

摘要: 1,块级元素和行内元素的区别是否独占一行是否填满父元素设置宽高是否有效设置padding-toppadding-bottom是否有效设置margin-topmargin-bottom是否有效设置margin-leftmargin-rightpadding-leftpadding-right是否有效常见元素块级元素是是有效有有效有效div,p,form,ul,ol,li,h1~h6,table行级元素否,相邻的行内元素会排列在同一行,直到一行排不下,才会换行否,其宽度随元素内容变换无效无效padding-toppadding-bottom虽然增大了行内元素的面积,但是并没有与相邻元素拉大距离无效 阅读全文

posted @ 2013-03-20 15:06 Amy-lover 阅读(3360) 评论(2) 推荐(1) 编辑

摘要: 默认情况下,canvas画布是以左上角为坐标原点,并以一个像素为一个单位绘制图形1,首先获取我们的画布:var canvas=document.getElementById(canvasId);2,获取上下文var context=canvas.getContext('2d');3,设置填充样式context.fillStyle="red";4,变换有三种:translate水平垂直移动,scale水平垂直缩放,rotate旋转context.translate(x,y);//向左移动x个单位,向下移动y个单位,x,y为负值是向反方向移动context.sc 阅读全文

posted @ 2013-03-20 10:48 Amy-lover 阅读(850) 评论(0) 推荐(0) 编辑