DEV Community

Cover image for Day 5 of #100DaysOfCode: Dev.to Cover Image Generator
Audrey Roy Greenfeld for Feldroy

Posted on

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.

Top comments (2)

Collapse
 
lautarolobo profile image
Lautaro Lobo

Hey Audrey, awesome!! I love Fractals :D

Collapse
 
geshan profile image
Geshan Manandhar

This is pretty cool.