Dank Meme Generator

Mi piace creare meme umidi con le mie immagini. Ma tutti quei cosiddetti siti "meme veloci" hanno solo troppo codice . Mi sono reso conto che l'unico modo per creare il generatore di meme più umido è quello di chiedere a voi ragazzi di PPCG di giocarne uno per me. Quindi lascia che ti dia il minimo su quello che devi fare.

Specifiche

Prendi un'immagine come input come nome file, oggetto immagine, ecc. Per creare un meme.
Quindi prendi due stringhe per il testo superiore e inferiore (senza interruzioni di riga).
Rendering del testo sull'immagine in dimensione 22pt Carattere bianco Impact con contorno nero 5px (Si può presumere che Impact sia installato.
Il testo dovrebbe essere centrato in senso orizzontale.
Puoi presumere che il testo si adatti in senso orizzontale.
I rispettivi testi dovrebbero essere 10px dall'alto e 8px dal basso.
Quindi emetti l'immagine salvandola in un file, visualizzando, ecc.
Questo è code-golf , quindi vince il codice più breve in byte !

Happy Memeing!

code-golf graphical-output

— Maltysen
fonte

Possiamo supporre che il carattere Impact sia installato?

— Downgoat,

@Downgoat sì.

— Maltysen,

... consigli agli animali? È questo che chiami un meme umido?

— nove

Questi meme non sono affatto umidi. È come una memeologia entry-level.

— Pyritie,

@Pyritie Non tutti dovrebbero essere autorizzati a esercitare la magia dei meme in questo momento.

— hownowbrowncow,

Risposte:

HTML / JS / CSS, 341 329 300 byte

<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}

Per usare: prima incolla l'URL dell'immagine desiderato nella casella di input fornita, quindi fai clic sul testo in alto e digita il testo desiderato, quindi fai clic sul testo in basso e digita il testo desiderato.

Modifica: salvato 12 byte grazie a @Downgoat. Salvati altri 29 byte grazie a @ dev-null.

Mostra snippet di codice

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>

Espandi frammento

— Neil
fonte

Probabilmente puoi rimuovere molte virgolette nell'html. Puoi anche rimuovere il ></div>alla fine

— Downgoat

È possibile modificare i div in ptag e aggiungere margin:0;dovrebbe risparmiare qualche byte

— e il

@ dev-null Dopo il suggerimento di Downgoat ora mi costa un byte piuttosto che salvarmi un byte.

— Neil,

@Neil Questo è corretto, ma se sposti anche il tag di stile alla fine sarai in grado di rimuovere</style>

— andlrc il

@ dev-null Bene, posso almeno liberarmi del primo </p> (il secondo è necessario per impedirti di premere Ctrl + A, Canc per eliminare l'elemento di stile).

— Neil,

Gelatina, 141 byte

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

Provalo online!

Accetta gli argomenti della riga di comando come nell'esempio e restituisce un file HTML. Il risultato è simile a questo in Chrome:

— Lynn
fonte

Bella risposta, ma non sto contando questo come un'immagine. Non è proprio un output grafico.

— Maltysen,

Upgoated, bel golf.

— Ave

Indovina @Downgoat ha bisogno di un fratello di nome Upgoat ora.

— Paul Picard,

bash + imagemagick + gs 690 575 456 440 byte

Consulta le revisioni precedenti per il codice "non salvato".

#!/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

per esempio.

./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

— droog dell'utente
fonte

Questo non ha un impatto sul carattere!

— Pyritie,

Vero. Sembra che non lo abbia installato. fc-listnon riesco a trovarlo.

— Luser droog

Potrei specificare Impact comunque, ma poi verrebbe visualizzato con Courier.

— Luser droog