Posts

Showing posts from September, 2017

studio project finish

-
Image
<!doctype html> <html> <head> <meta charset="UTF-8"> <title> ASHLEY BALDINO </title> <style type="text/css"> body,td,th { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: rgba(0,0,0,1); } body { background-color: rgba(255,255,255,1); } #myCanvas { border: rgba(102,0,255,1) medium dashed; } </style> </head> <body> <canvas id="myCanvas" width="800" height="600"></canvas> <script> var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); //// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> YOUR CODE STARTS HERE context.beginPath();     context.rect(1, 0, 800, 800);       // add linear gradient   var grd = context.createLinearGradient(0, 0, canvas.width, canvas.height);  
Post a Comment
Read more

Progress of Project 2

-
Image
<!doctype html> <html> <head> <meta charset="UTF-8"> <title> ASHLEY BALDINO </title> <style type="text/css"> body,td,th { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: rgba(0,0,0,1); } body { background-color: rgba(255,255,255,1); } #myCanvas { border: rgba(102,0,255,1) medium dashed; } </style> </head> <body> <canvas id="myCanvas" width="800" height="600"></canvas> <script> var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); //// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> YOUR CODE STARTS HERE context.beginPath();     context.rect(1, 0, 800, 800);       // add linear gradient     var grd = context.createLinearGradient(0, 0, canvas.width, canvas.height);    
Post a Comment
Read more

Project 1: The Abstract Dog

-
Image
<!doctype html> <html> <head> <meta charset="UTF-8"> <title> ART 210 - CANVAS PROJECT </title> <style type="text/css"> body,td,th { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: rgba(0,0,0,1); } body { background-color: rgba(255,255,255,1); } #myCanvas { border: rgba(102,0,255,1) medium dashed; } </style> </head> <body> <canvas id="myCanvas" width="2000" height="2000"></canvas> <script> var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); //// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> YOUR CODE STARTS HERE context.beginPath(); //telling dreamweaver the starting point of a shape context.moveTo(1000,900); //this tella dw the starting point of the shape con
Post a Comment
Read more

10 Shapes

-
Image
<!doctype html> <html> <head> <meta charset="UTF-8"> <title> ART 210 - CANVAS PROJECT </title> <style type="text/css"> body,td,th { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: rgba(0,0,0,1); } body { background-color: rgba(255,255,255,1); } #myCanvas { border: rgba(102,0,255,1) medium dashed; } </style> </head> <body> <canvas id="myCanvas" width="2000" height="2000"></canvas> <script> var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); //// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> YOUR CODE STARTS HERE context.beginPath(); //telling dreamweaver the starting point of a shape context.moveTo(800,800); //this tella dw the starting point of the shape cont
Post a Comment
Read more