Share your repls and programming experiences

← Back to all posts
Canvas Meme
h
kaldisberzins (346)

http://kaldisberzins.repl.co/Canvas-Meme

Meme generator

The top input is where you put the image address.
When you right click on an image that you want to use click copy image address.
Then paste that into the top input box.
The other two boxes are where the top and bottom texts for your meme go.
I also fixed the font so that it is now the regular meme font.

Code: https://repl.it/@kaldisberzins/Canvas-Meme

Comments
hotnewtop
TimmyChen1 (130)

Nice! Works for me!

kaldisberzins (346)

Might not work on other browsers than Chrome. Many of the features necessary only work on chrome.

masad_f (1)

Haha looks good

Carson08 (3)

how can i see the code

SyntaxErroor (2)

@carson08: He's using running the code with JS. Simply inspect the site by simply right-clicking the site.

http://kaldisberzins.repl.co/Canvas-Meme/index.html
http://kaldisberzins.repl.co/Canvas-Meme/index.css
http://kaldisberzins.repl.co/Canvas-Meme/index.js

*If he changes the code names, the above won't be available*

amasad (3537)

@carson08: when you see a repl.co link simply take the subdomain as a username and change the domain to repl.it like so: https://repl.it/@kaldisberzins/Canvas-Meme

kaldisberzins (346)

I should probably explain this:
The top input is where you put the image address.
When you right click on an image that you want to use click copy image address.
Then paste that into the top input box.
The other two boxes are where the top and bottom texts for your meme go.
I also fixed the font so that it is now the regular meme font.

amasad (3537)

@kaldisberzins: I hope you don't mind, I edited the post to include your description.