DEV Community

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

Posted on

12 7

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.

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay