Day 5 of #100DaysOfCode: Dev.to Cover Image Generator

audreyfeldroy

Audrey Roy Greenfeld

Posted on April 20, 2020

Day 5 of #100DaysOfCode: Dev.to Cover Image Generator

Tonight I created this cover image generator:

It uses JavaScript to draw on an HTML5 canvas.

To change the text:

  1. Fork this on CodePen: https://codepen.io/audreyfeldroy/pen/rNOMxad
  2. In the JS panel, change the lines with ctx.fillText to be the text you want.
  3. Break any long lines into two lines, or shrink the fonts.

You'll probably also want to change:

  • The colors
  • The fonts
  • The parameters of the fractal tree

Have fun! I'd love to see what you create, so please share your posts/forks in the comments below.

💖 💪 🙅 🚩
audreyfeldroy
Audrey Roy Greenfeld

Posted on April 20, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related