Anda di halaman 1dari 1

<html>

<body>
<canvas id="my Canvas" width="360" height="360" style="border:1px solid #d3d3d3
;">`
</canvas>
<script>
<canvas id="my Canvas" width="360" height="360" style="border:1px solid #d3d3d3
;">

'var c = document.getElementById("my Canvas");


var ctx = c.getContext("2d");
var i;
for(i=0; i<360; i+= 20){
ctx.moveTo(i+5,180);
ctx.lineTo(i,180);
}
ctx.stroke();
var counter = 0, x=0,y=180;
//100 iterations
var increase = 90/180*Math.PI ;
for(i=0; i<=180; i+=10){
ctx.moveTo(x,y);
x = i;
y= 180 - Math.sin(counter);
counter += increase;
ctx.lineTo(x,y);
alert( " x : " + x + " y : " + y) ;
}
ctx.stroke();'

</script>
</body>
</html>

Anda mungkin juga menyukai