View all results
No results
Home
Explore
About
Blog
Pages
Privacy Policy
Cancellation, Refund & Returns Policy
Claim listing
Cookie Policy
Disclaimer
Do Not Sell My Personal Data
GDPR + CCPA Compliance
Terms & Conditions
Contact
Add Your Business
Sign in
or
Register
Add Your Business
Online Meme Generator
Tools
Mar 27
Share post
Online Meme Generator
Online Meme Generator
Generate Meme
Download Meme
Previous Post
Next Post
Comments
No comments yet.
Add a comment
Leave a Reply ·
Cancel reply
Your email address will not be published.
Required fields are marked
*
Name
Email
Your Message
Save my name, email, and website in this browser for the next time I comment.
Submit comment
Cart
×
View all results
No results
Facebook
X
WhatsApp
Telegram
LinkedIn
Tumblr
Reddit
Copy link
Share via...
Threads
![Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdhurla.com%2Fonline-meme-generator%2F"e=Online+Meme+Generator&description=%3C%21--+wp%3Ahtml+--%3E++++++++++++Online+Meme+Generator++++++++++++body+%7B++++++++++++font-family%3A+Arial%2C+sans-serif%3B++++++++++++background-color%3A+%23f4f4f4%3B++++++++++++text-align%3A+center%3B++++++++++++padding%3A+20px%3B++++++++%7D++++++++.container+%7B++++++++++++max-width%3A+500px%3B++++++++++++margin%3A+auto%3B++++++++++++background%3A+white%3B++++++++++++padding%3A+20px%3B++++++++++++box-shadow%3A+0+0+10px+rgba%280%2C+0%2C+0%2C+0.2%29%3B++++++++++++border-radius%3A+10px%3B++++++++%7D++++++++input%2C+button+%7B++++++++++++width%3A+100%25%3B++++++++++++padding%3A+10px%3B++++++++++++margin%3A+10px+0%3B++++++++++++font-size%3A+16px%3B++++++++++++border-radius%3A+5px%3B++++++++++++border%3A+1px+solid+%23ccc%3B++++++++%7D++++++++button+%7B++++++++++++background-color%3A+%23008d75%3B++++++++++++color%3A+white%3B++++++++++++font-weight%3A+bold%3B++++++++++++cursor%3A+pointer%3B++++++++%7D++++++++button%3Ahover+%7B++++++++++++background-color%3A+%2300777b%3B++++++++%7D++++++++canvas+%7B++++++++++++max-width%3A+100%25%3B++++++++++++margin-top%3A+10px%3B++++++++%7D++++++++++++++++Online+Meme+Generator++++++++++++++++++++++++++++++++Generate+Meme++++++++++++++++Download+Meme++++++++++++++++function+generateMeme%28%29+%7B++++++++++++const+imageInput+%3D+document.getElementById%28%27imageInput%27%29%3B++++++++++++const+topText+%3D+document.getElementById%28%27topText%27%29.value.toUpperCase%28%29%3B++++++++++++const+bottomText+%3D+document.getElementById%28%27bottomText%27%29.value.toUpperCase%28%29%3B++++++++++++const+canvas+%3D+document.getElementById%28%27memeCanvas%27%29%3B++++++++++++const+ctx+%3D+canvas.getContext%28%272d%27%29%3B++++++++++++if+%28imageInput.files.length+%3D%3D%3D+0%29+%7B++++++++++++++++alert%28%27Please+upload+an+image+first.%27%29%3B++++++++++++++++return%3B++++++++++++%7D++++++++++++const+reader+%3D+new+FileReader%28%29%3B++++++++++++reader.onload+%3D+function+%28event%29+%7B++++++++++++++++const+img+%3D+new+Image%28%29%3B++++++++++++++++img.onload+%3D+function+%28%29+%7B++++++++++++++++++++canvas.width+%3D+img.width+%2F+2%3B++++++++++++++++++++canvas.height+%3D+img.height+%2F+2%3B++++++++++++++++++++ctx.drawImage%28img%2C+0%2C+0%2C+canvas.width%2C+canvas.height%29%3B++++++++++++++++++++ctx.font+%3D+%22bold+30px+Impact%22%3B++++++++++++++++++++ctx.fillStyle+%3D+%22white%22%3B++++++++++++++++++++ctx.strokeStyle+%3D+%22black%22%3B++++++++++++++++++++ctx.lineWidth+%3D+4%3B++++++++++++++++++++ctx.textAlign+%3D+%22center%22%3B++++++++++++++++++++%2F%2F+Top+Text++++++++++++++++++++ctx.strokeText%28topText%2C+canvas.width+%2F+2%2C+40%29%3B++++++++++++++++++++ctx.fillText%28topText%2C+canvas.width+%2F+2%2C+40%29%3B++++++++++++++++++++%2F%2F+Bottom+Text++++++++++++++++++++ctx.strokeText%28bottomText%2C+canvas.width+%2F+2%2C+canvas.height+-+20%29%3B++++++++++++++++++++ctx.fillText%28bottomText%2C+canvas.width+%2F+2%2C+canvas.height+-+20%29%3B++++++++++++++++%7D%3B++++++++++++++++img.src+%3D+event.target.result%3B++++++++++++%7D%3B++++++++++++reader.readAsDataURL%28imageInput.files%5B0%5D%29%3B++++++++%7D++++++++function+downloadMeme%28%29+%7B++++++++++++const+canvas+%3D+document.getElementById%28%27memeCanvas%27%29%3B++++++++++++const+link+%3D+document.createElement%28%27a%27%29%3B++++++++++++link.download+%3D+%27meme.png%27%3B++++++++++++link.href+%3D+canvas.toDataURL%28%29%3B++++++++++++link.click%28%29%3B++++++++%7D++++%3C%21--+%2Fwp%3Ahtml+--%3E){kind=link}