Memeit.LOL Development #4

App Overview: You can use Memeit.LOL to create original memes and post them to the Steem Blockchain

New Features

• What feature(s) did you add?

Today I added support for stickers to our memeit generator.

First I removed and made a new JavaScript file for the sole purpose of the meme generator module. In here I used many different functions for current and future features, such as sticker support, exporting, deleting textarea and stickers, default textareas, and soon to be drafting.

• How I did this?

To add support for sticks I used fabric.js' support for loading images into the canvas. Though I had to scale down to 50px because when I first tried this I was adding a tongue. The tongue took over the whole image (not what I wanted). Another thing was using crossOrigin. Over this edit I learned HTML canvases are called tainted when not using crossOrigin 'anonymous'. If they are tainted they then cannot be exported to an image.

I also added a keyup event listener. Basically when someone clicks the del key on a keyboard while a sticker or textarea is selected it will be deleted.

For Users

On the editor you will now see two rows above the canvas filled with images. The top one is for templates, while the bottom is for stickers. You many notice the text box to change the text is missing. That's because you can double click on any textbox and type right in there. Also as stated above, you can type the del key on your keyboard to delete stickers and textareas that are selected.

Thanks from Hive account@kennybll, and Hive account@memeit.lol team.

Past Development Logs:
#1
#2
#3