Ich mag es, aus meinen eigenen Bildern gute Memes zu machen. Aber all diese sogenannten "Quick Meme" -Seiten haben einfach zu viel Code . Ich erkannte, dass der einzige Weg, den dankbarsten Memgenerator herzustellen, darin besteht, euch von PPCG zu bitten, einen für mich zu spielen. Also lass mich dir erklären, was du zu tun hast.

Technische Daten

• Nehmen Sie ein Bild als Eingabe als Dateinamen, Bildobjekt usw., um daraus ein Meme zu machen.
• Nehmen Sie dann zwei Zeichenfolgen für oberen und unteren Text (ohne Zeilenumbrüche).
• Rendern Sie den Text auf dem Bild in der Größe 22pt Impact White mit 5px schwarzer Kontur (Sie können davon ausgehen, dass Impact installiert ist.
• Der Text sollte horizontal zentriert sein.
• Sie können davon ausgehen, dass der Text horizontal passt.
• Die entsprechenden Texte sollten 10px von oben und 8px von unten sein.
• Geben Sie dann das Bild aus, indem Sie es in einer Datei speichern, anzeigen usw.
• Das ist Code-Golf , also gewinnt der kürzeste Code in Bytes !

Fröhliches Memeing!

HTML / JS / CSS, 341 329 300 Bytes

<input onblur=i.src=this.value><table><td><img id=i><p style=top:10px contenteditable><p style=bottom:8px contenteditable></p><style>td{position:relative}p{position:absolute;margin:0;width:100%;text-align:center;font:22px Impact;color:#fff;text-shadow:0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000}

So verwenden Sie: Fügen Sie zuerst die gewünschte Bild-URL in das bereitgestellte Eingabefeld ein, tippen Sie auf den oberen Text und geben Sie den gewünschten Text ein, tippen Sie dann auf den unteren Text und geben Sie den gewünschten Text ein.

Bearbeiten: 12 Bytes dank @Downgoat gespeichert. Dank @ dev-null wurden weitere 29 Bytes gespeichert.

td {
  position: relative;
}
div {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  font: 22px "Impact";
  color: #fff;
  text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000;
}

<input onchange="i.src=this.value">
<table>
  <td>
    <img id=i>
    <div style="top: 10px;" contenteditable></div>
    <div style="bottom: 8px;" contenteditable></div>

Jelly, 141 Bytes

⁴;@€“¢ÇẎȧsẊỊ>ɼẈAẋ®ŀȮĠq⁼ṫṁḢĠZỴċƊ£²ÆṗÑḊ°>oÆl{(¢ɗpḅ]µṖÑb¹ƁịṾ¦Ç\ṭO4»“1kịXḥɗ"Ụɦḷ©Ƈ&Ṭ19“£ŀ³³.Ṗ<ṂqṬỵ.ṣȦƇƈ2ƭḂXƊ»ż³;“ßƑ_!]²Rȧ⁵⁴°ṁD⁽a{⁼!z¿ıṾƇDẇḤḶṡÇẈg»;

Probieren Sie es online!

Übernimmt Befehlszeilenargumente wie im Beispiel und gibt eine HTML-Datei zurück. Das Ergebnis in Chrome sieht folgendermaßen aus:

bash + imagemagick + gs 690 575 456 440 bytes

Siehe frühere Überarbeitungen für "ungolfed" Code.

#!/bin/bash
d=`identify $1|cut -d' ' -f3`
x=`echo $d|cut -d'x' -f1`
y=`echo $d|cut -d'x' -f2`
convert $1 $1.eps
gs -g"$d" -o $1.png -sDEVICE=png48 -c "
/s/showpage load def/showpage{}def($1.eps)run
matrix defaultmatrix setmatrix/Helvetica-Bold 22
selectfont/c{dup stringwidth pop neg 2 div 0 rmoveto dup 
gsave 1 setgray show grestore 0 setgray false charpath stroke}def
$x 2 div $y 42 sub moveto($2)c $x 2 div 8 moveto($3)c s"
echo :$1.png

z.B.

./meme.sh Superman1.jpg "I AM CORNHOLIO" "Are you threatening me??!"
GPL Ghostscript 9.15 (2014-09-22)
Copyright (C) 2014 Artifex Software, Inc.  All rights reserved.
This software comes with NO WARRANTY: see the file PUBLIC for details.
Loading NimbusRomNo9L-Regu font from /usr/share/ghostscript/9.15/Resource/Font/NimbusRomNo9L-Regu... 4186304 2700982 3995248 2685490 2 done.
Loading NimbusSanL-Bold font from /usr/share/ghostscript/9.15/Resource/Font/NimbusSanL-Bold... 4203248 2760390 3833712 2536130 1 done.
:Superman1.jpg.png