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.

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

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

Okay