Posts

Showing posts from September, 2017

Sketches for Calligram

Image

My Coded Shapes and Lines

<!DOCTYPE HTML> <html> <head> <script> window.onload = function() { var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); ////////////////////////////////////// start below this line ˇˇˇˇˇˇˇˇˇˇ //Simple line context.beginPath(); // hey im about to draw something context.lineWidth = 10; // declare the width in pixels of the line context.moveTo(200,400); // move to starting coordinates context.lineTo(700,600); // draw line to following point coordinates context.lineTo(500,200); // draw line to following point coordinates context.lineTo(300,400); // draw line to following point coordinates context.lineTo(100,200); // draw line to following point coordinates context.lineTo(600,300); // draw line to following point coordinates context.strokeStyle = "rgb(0,256,0)"; // or "#FF0000" // declare the line color in rgb or hexadecimal values context.stroke(); //RECTANGLE con