Dank Meme Generator 알려 드리겠습니다. 명세서 이미지를 파일

나는 내 자신의 이미지에서 dank 밈을 만드는 것을 좋아한다. 그러나 소위 “빠른 밈”사이트에는 너무 많은 코드가 있습니다. 나는 dankest meme generator를 만드는 유일한 방법은 PPCG의 사람들에게 나를 위해 골프를하도록 요청하는 것임을 깨달았다. 그래서 당신이해야 할 일에 대한 최저점을 알려 드리겠습니다.

명세서

  • 이미지를 파일 이름, 이미지 객체 등으로 입력하여 밈을 만듭니다.
  • 그런 다음 맨 위 텍스트와 맨 아래 텍스트 (줄 바꿈 없음)에 두 개의 문자열을 사용하십시오.
  • 이미지의 텍스트를 5px 검은 색 윤곽선으로 22pt Impact 흰색 글꼴 크기로 렌더링합니다 (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을 붙여 넣은 다음 상단 텍스트로 탭핑하고 원하는 텍스트를 입력 한 다음 하단 텍스트로 탭핑하고 원하는 텍스트를 입력하십시오.

편집 : @Downgoat 덕분에 12 바이트가 절약되었습니다. @ dev-null 덕분에 29 바이트를 더 절약했습니다.

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 690575456440 바이트

“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