Rotate your phone or change to desktop for better experience

Rotate your phone or change to desktop for better experience

6. Program to demonstrate different line patterns with different colors using Canvas.

<html>

<body>

<canvas id=”myCanvas” width=”300″ height=”300″ style="border:1px solid black"></canvas>

<script>

var myCanvas = document.getElementById(“myCanvas”);

var drawingContext = myCanvas.getContext(“2d”);

var drawingContext.strokeStyle = “#FF0000”;

drawingContext.moveTo(Math.random()*300,Math.random()*300);

for (var i=0;i < 10;i++){

var drawingContext.lineTo(Math.random()*300,Math.random()*300);

}

drawingContext.stroke();

</script>

</body>

</html>

 

Post a Comment

0 Comments