发表于: 2016-08-01 00:17:24
1 2160
今天完成的事:
学习angular的一些基础,学习jq的一些指令
明天要做的事
1:表单验证
2:正则表达式
3:canvas
4:orderby排序
收货:
canvas画直线和圆
html:
<canvas id="canvas" style="border:5px solid black; display:block;margin: 50px auto">
js:
var canvas = document.getElementById("canvas");//获取画布
var context = canvas.getContext("2d");//2d绘图
直线 规定起点和终点(这是图片的状态)
context.moveTo(100,100)//起点
context.lineTo(700,700)//终点
填充颜色
context.fillStyle="blue"
context.fill()
context.stroke();//绘制线条的动作 要放在最后
圆的话
context.arc(300,300,200,0,1.5*Math.PI,true);
300 300 圆的位置
200 圆的半径
0 1.5*Math.PI 角度从0到270度
false顺时针旋转
true逆时针旋转
评论