发表于: 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逆时针旋转



返回列表 返回列表
评论

    分享到