-
canvas 是状态绘图，先设置绘图状态，再调用具体的绘制函数来绘制查看全部
-
var tangram=[ {p:[{x:0,y:0},{x:800,y:0},{x:400,y:400}],color:'#caff67'}, {p:[{x:0,y:0},{x:400,y:400},{x:0,y:800}],color:'#67becf'}, {p:[{x:800,y:0},{x:800,y:400},{x:600,y:600}],color:'#ef3d61'}, {p:[{x:600,y:200},{x:600,y:600},{x:400,y:400}],color:'#f9f51a'}, {p:[{x:400,y:400},{x:600,y:600},{x:400,y:800}],color:'#f9f51a'}, {p:[{x:200,y:600},{x:400,y:800},{x:0,y:800}],color:'#fa8ecc'}, {p:[{x:800,y:400},{x:800,y:800},{x:400,y:800}],color:'#f6ca29'}, ] window.onload = function(){ canvas = document.getElementById('canvas'); }查看全部
-
绘制一个小圆，圆心位置查看全部
-
每一个数字用点阵表示 digit数组是一个三维数组，每一个二维数组表示一个数字的点阵查看全部
-
beginPath 开始一段新路径 closePath 结束一段路径，并将开放的路径封闭 可以不成对出现，只有beginPath 也可查看全部
-
连续画多个不同弧度的圆，closePath会自动将不封闭的图形封闭起来查看全部
-
弧度对应的位置 默认是顺时针方向，true对应逆时针方向查看全部
-
context.arc(200,200,100,0,1.5*Math.PI) 弧度从0开始，1.5pi结束查看全部
-
画一个圆 false是逆时针 圆心x,圆心y，半径 起始弧度，结束弧度 顺时针还是逆时针查看全部
-
代码3查看全部
-
代码2查看全部
-
代码1查看全部
-
draw查看全部
-
context.lineWidth 线条的宽度 context.storkeStyle 线条颜色 context.lineTo(100,100) context.lineTo(700,700) context.lineTo(100,700) context.lintTo(100,100) 可得首尾相接三角形 context.fillStyle 填充图形颜色 context.fill() 执行 context.baginPath()开始一段路径 context.closePath()结束一段路径查看全部
-
context.moveTo()起点 context.lineTo()终点 context.stroke()具体绘制查看全部
举报
0/150
提交
取消