https://github.com/monkeywithacupcake/text-to-image

Simple js canvas method for converting text to an image
https://github.com/monkeywithacupcake/text-to-image

Last synced: 19 days ago
JSON representation

Simple js canvas method for converting text to an image

• Host: GitHub
• URL: https://github.com/monkeywithacupcake/text-to-image
• Owner: monkeywithacupcake
• License: other
• Created: 2018-09-03T23:51:57.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-09-06T15:07:36.000Z (over 6 years ago)
• Last Synced: 2024-08-04T04:01:02.429Z (10 months ago)
• Language: CSS
• Size: 18.6 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: license.txt

Awesome Lists containing this project

• awesome-notfancyappchallenge - Text to Image - Simply make an image from text. By [Jess](https://www.instagram.com/jess__chandler/) (Uncategorized / Uncategorized)

README

        
# Text To Image

## part of my Tiny Projects on CodePen.io.

You can find this one [on Codepen](https://codepen.io/jessachandler/pen/YOVLxV)

Check out the whole collection of [Tiny Projects](https://codepen.io/collection/XoWbmB/)

... I added a color change feature in [Text to Image - Color Change Codepen](https://codepen.io/jessachandler/pen/bxRpMb)

... I added support for multiple lines in [Text to Image - MultiLine Codepen](https://codepen.io/jessachandler/pen/jvwGOo)

... I added support for a sticker/logo in [Text to Image - Add Image](https://codepen.io/jessachandler/pen/eLERWE)

- and I put a little snippet up on [my Instagram](https://www.instagram.com/p/BnUYcowh1h2/?utm_source=ig_web_button_share_sheet)

## Functionality

Users can enter text in a text box and an image is created.

The image is created with a dark background (`#212121`) and text in a gradient that goes to white.

![example image](/images/testimage.png)

## Using

* vanilla js

* canvas

* pug

* scss