Skip to main content

Posts

Showing posts from September, 2020

Canvas Project

Here is the finished product of my Canvas project. I struggled a lot in the beginning, to understand how to use it, but after hours of practice, I finally felt comfortable with using code to draw this! I want to send a positive message to all the beautiful Black queens out there!  My Code:  var mygrad = context.createLinearGradient (100,100, mouseX, mouseY); mygrad.addColorStop(0, "rgba(235,0,255,1.00)"); mygrad.addColorStop(0.25, "rgba(255,0,236,1.00)"); mygrad.addColorStop(0.5, "rgba(191,0,255,1.00)"); mygrad.addColorStop(0.75, "rgba(191,0,255,1.00)"); mygrad.addColorStop(1, "rgba(255,0,223,1.00)"); context.beginPath(); context.rect(0,0,640,640); context.closePath(); context.fillStyle = mygrad; context.fill(); // HAIR //context.drawImage(img1, 0, 0, 640, 640); var hairgrd = context.createRadialGradient(333,356,50,333,356,150) hairgrd.addColorStop(0, "rgba(0,0,0,1.00)");   hairgrd.addColorStop(0.5, &qu