Memeit.LOL New Features

New Features

• What feature(s) did you add?

I made a custom meme generator in V1 in Memeit.lol. I have now updated that to allows for textboxes to allow for easier editing and for images where you want to move the text for. It also allows for multiple text boxes not just 2. When using this editor you can add text boxes by clicking "Add More Text":

When you click on the text you can edit it with the form field below the meme preview:

Just go through those steps over until you get the perfect meme.

• How did you implement it/them?

Well I added a library called http://fabricjs.com/ which is an advanced canvas javascript library. The file in use is: https://github.com/memeit-lol/memeit.lol/blob/master/public/js/new.js. Lines 21-38 adds a background image (aka the meme image) to the canvas. Then it adds a non movable watermark memeit.lol after scaling the canvas to the dimensions of the image. Then when someone clicks on Add More Text, it triggers addText() which adds a new text box to the image. Then whenever an textbox is selected(clicked on) you can change the text through the text box below the meme (aka lines 49-51).

• Other Changes

I added a favicon and change the branding in the header to an svg of our logo. Also delegators now get 5% beneficiaries rewards. Also to be considered a delegator (and earn rewards) you must delegate more than or equal to 50SP.

• Thanks for reading

@memeit.lol team

---

Posted on Utopian.io - Rewarding Open Source Contributors

---