Мне нравится делать промо-мемы из моих собственных изображений. Но на всех этих так называемых «быстрых мемах» просто слишком много кода . Я понял, что единственный способ создать самый грязный генератор мемов - это попросить вас, ребята из PPCG, сыграть в гольф для меня. Итак, позвольте мне рассказать вам о том, что вы должны делать.

Спекуляции

• Возьмите изображение в качестве ввода в качестве имени файла, объекта изображения и т. Д., Чтобы создать мем.
• Затем возьмите две строки для верхнего текста и нижнего текста (без разрывов строк).
• Рендеринг текста на изображении в размере 22pt белого шрифта с черным контуром 5px (Вы можете предположить, что Impact установлен.
• Текст должен быть центрирован по горизонтали.
• Вы можете предположить, что текст помещается горизонтально.
• Соответствующие тексты должны быть 10px сверху и 8px снизу.
• Затем выведите изображение, сохранив его в файле, отобразив и т. Д.
• Это код-гольф , поэтому выигрывает самый короткий код в байтах !

С Днем памяти!

HTML / JS / CSS, 341 329 300 байт

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

Использование: сначала вставьте URL-адрес нужного изображения в соответствующее поле ввода, затем перейдите к верхнему тексту и введите нужный текст, затем перейдите к нижнему тексту и введите нужный текст.

Изменить: 12 байтов сохранены благодаря @Downgoat. Сохранено еще 29 байтов благодаря @ dev-null.

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>

Желе, 141 байт

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

Попробуйте онлайн!

Принимает аргументы командной строки, как в примере, и возвращает файл HTML. Результат выглядит так в Chrome:

bash + imagemagick + gs 690 575 456 440 байт

Смотрите более ранние ревизии для "ungolfed" кода.

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

например.

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