canvas graph 2
by rao b
HTML
<canvas id="myCanvas" width="400" height="400" style="border:1px solid #d3d3d3;">JavaScript
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var i;
for(i=0;i<200;i +=20){
ctx.moveTo(i,0);
ctx.lineTo(0,200-i);
}
for(i=0;i<200;i +=20){
ctx.moveTo(400,200+i);
ctx.lineTo(400-i,400);
}
for(i=0;i<200;i +=20){
ctx.moveTo(0,200+i);
ctx.lineTo(i,400);
}
for(i=0;i<200;i +=20){
ctx.moveTo(200+i,0);
ctx.lineTo(400,0+i);
}
ctx.stroke();