Summer Training Day 3.
1.Canvas.
在html创建canvas标签1<canvas width:"600";height:"600"; id="canvas"></canvas>
js操作.12var canvas = document.getElementById("canvas");//获取canvas.var cxt = canvas.getContext("2d");//上下文.里面有很多绘画方法.
|
|
画圆.12345cxt.beginPath();cxt.arc(x,y,r,始角度,末角度,boolean);//true为顺时针,false逆时针.cxt.closePath();cxt.fillStyle = 'rgba';cxt.fill();//填充
线条.12345cxt.beginPath();cxt.moveTo(x,y);cxt.lineTo(x,y);cxt.closePath();cxt.stroke();
清除.1cxt.clearRect(x,y,width,height);//清空矩形区域.
2.Flex 布局
|
|
H5新特性之LocalStorage.
可用于储存客户端临时信息.
localStorage储存的数据无时间限制.
与之对应的SessionStorage储存的数据当用户关闭窗口时候清空.
IFE Task.
Task 10
Flex 布局 + @media媒体查询.123456<body> <div id="one"></div> <div id="two"></div> <div id="three"></div> <div id="four"></div></body>
|
|
以上.