Day 5 of #100DaysOfCode: Dev.to Cover Image Generator
Audrey Roy Greenfeld
Posted on April 20, 2020
Tonight I created this cover image generator:
It uses JavaScript to draw on an HTML5 canvas.
To change the text:
- Fork this on CodePen: https://codepen.io/audreyfeldroy/pen/rNOMxad
- In the JS panel, change the lines with
ctx.fillText
to be the text you want. - 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.
💖 💪 🙅 🚩
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.