Advertisement
circlejourney

In-browser colour generator

Jan 1st, 2015
366
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // press Ctrl + Shift + J or Cmd + Opt + C and paste this in the console.
  2. // alternatively, paste the following code in your address bar with "javascript:" in front, without these comments.
  3. // you can save a bookmark in a similar format. ("javascript:" + code given below)
  4. // use Right click + copy image and paste it into your art programme's canvas.
  5. // click the square to remove it.
  6.  
  7. var dec=Math.floor(Math.random()*16777216);
  8. var colour = dec.toString(16);
  9. var zeros="";
  10. for(i=0;i<6-colour.length;i++) {zeros+="0";};
  11. colourName="#"+zeros+colour;
  12. existingCanvas=document.getElementById("myCanvas");
  13. if(existingCanvas!=undefined){
  14. document.body.removeChild(existingCanvas);
  15. }
  16. document.body.innerHTML+="<canvas id='myCanvas' style='position:fixed;top:0px;left:0px;width:300px;height:300px;' onclick='this.style.left=\"5000px\"';/>";
  17. var c=document.getElementById("myCanvas");
  18. var ctx=c.getContext("2d");
  19. ctx.fillStyle=colourName;ctx.fillRect(0,0,300,300);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement