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.

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

👋 Kindness is contagious

Engage with a wealth of insights in this thoughtful article, cherished by the supportive DEV Community. Coders of every background are encouraged to bring their perspectives and bolster our collective wisdom.

A sincere “thank you” often brightens someone’s day—share yours in the comments below!

On DEV, the act of sharing knowledge eases our journey and forges stronger community ties. Found value in this? A quick thank-you to the author can make a world of difference.

Okay