एक हवाई अड्डे का कालीन


17

2015 में पोर्टलैंड इंटरनेशनल एयरपोर्ट ने अपने प्रतिष्ठित कालीन के प्रतिस्थापन की शुरुआत की । मैं चाहता हूं कि आप अपने पुराने कालीन को यथासंभव बाइट्स में खींचने के लिए एक कार्यक्रम लिखें।

क़ालीन:

एक टाइल

विशेष विवरण

  • यहां एक टाइल की स्केलेबल पीडीएफ छवि का लिंक दिया गया है। आपके आउटपुट को उस छवि के सापेक्ष आयाम और प्लेसमेंट से मेल खाना चाहिए।

  • आपकी अंतिम छवि के सभी रंग निर्दिष्ट छवि में हर RGB मूल्य के 15 के भीतर होना चाहिए। ये आपकी सुविधा के लिए नीचे सूचीबद्ध हैं।

                Red   Green Blue
    Teal:       0,    168,  142
    Magenta:    168,  108,  185
    Orange:     247,  58,   58
    Light Blue: 90,   166,  216
    Dark Blue:  0,    77,   117
    
  • आपका आउटपुट कम से कम 150x150 पिक्सेल होना चाहिए और चौकोर होना चाहिए। यदि आप एक वेक्टर छवि की तरह एक स्केलेबल प्रारूप में आउटपुट के लिए चुनते हैं, तो आपको छवि से बिल्कुल मेल खाना चाहिए।

  • आप किसी भी चित्र छवि में छवि का उत्पादन कर सकते हैं।

  • यह इसलिए आपको अपने कोड में बाइट्स की संख्या को कम करने का लक्ष्य रखना चाहिए।



@ हेक्साहोलिक मुझे नहीं लगता कि इसलिए मैं विकिपीडिया पर यादृच्छिकता से मार रहा था और मैंने पृष्ठ को हिट किया। हालाँकि मैंने इसे हाथ से पहले रेडिट पर भी देखा होगा।
रॉक गार्फ हंटर

1
क्या यह एक दो आयामी छवि होना चाहिए या यह एक विशिष्ट कोण से देखे गए मॉडल की तरह कुछ हो सकता है?
devRicher

जवाबों:


9

शुद्ध HTML, 873 बाइट्स

<table width=152 height=152 bgcolor=#0a8><tr><td colspan=7><td bgcolor=#5AD><tr><td><td bgcolor=#057><td colspan=5><td bgcolor=#5AD><tr><td><td><td bgcolor=#057><td colspan=4><td bgcolor=#5AD><tr><td><td><td><td bgcolor=#057><td><td><td><td bgcolor=#5AD><tr><td colspan=7><td bgcolor=#057><td><td><td bgcolor=#057><tr><td colspan=7><td bgcolor=#057><td><td bgcolor=#057><tr><td colspan=7><td bgcolor=#057><td bgcolor=#057><td><td><td><td bgcolor=#F33><td bgcolor=#F33><td bgcolor=#F33><tr><td colspan=6><td bgcolor=#F33><td bgcolor=#057><td colspan=7 bgcolor=#057><tr><td bgcolor=#A6B><td bgcolor=#A6B><td bgcolor=#A6B><td bgcolor=#A6B><td bgcolor=#A6B><td bgcolor=#A6B><td bgcolor=#A6B><td rowspan=6 bgcolor=#057><tr><td><tr><td><tr><td colspan=11><td bgcolor=#057><tr><td colspan=12><td bgcolor=#057><tr><td colspan=13><td bgcolor=#057><tr><td colspan=7><td bgcolor=#057>

HTML + CSS, 625 बाइट्स

#l{background:#5AD}th{background:#057}#o{background:#F33}#m>td{background:#A6B
<table width=152 height=152 bgcolor=#0A8><tr><td colspan=7><td id=l><tr><td><th><td colspan=5><td id=l><tr><td><td><th><td colspan=4><td id=l><tr><td><td><td><th><td><td><td><td id=l><tr><td colspan=7><th><td><td><th><tr><td colspan=7><th><td><th><tr><td colspan=7><th><th><td><td><td><td bgcolor=#F33><td bgcolor=#F33><td bgcolor=#F33><tr><td colspan=6><td bgcolor=#F33><th><th colspan=7><tr id=m><td><td><td><td><td><td><td><th rowspan=6><tr><td><tr><td><tr><td colspan=11><th><tr><td colspan=12><th><tr><td colspan=13><th><tr><td colspan=7><th>


9

टिक्ज़, 725 693 681 671 बाइट्स

\documentclass{standalone}\usepackage{xcolor,tikz}\begin{document}\tikz[line width=20,every node/.style={minimum size=20}]{\definecolor{t}{RGB}{0,168,142}\definecolor{m}{RGB}{168,99,185}\definecolor{o}{RGB}{247,58,58}\definecolor{b}{RGB}{90,166,216}\definecolor{d}{RGB}{40,77,117}\fill[t](-7.5,-7.5)rectangle(7.5,7.5);\draw(-1,0)node[fill=o]{};\foreach\x in{1,...,7}{\draw(-\x,-1)node[fill=m]{};\draw(0,\x)node[fill=b]{};}\foreach\x in{1,...,3}{\draw(\x,\x)node[fill=d]{};\draw(3+\x,-3-\x)node[fill=d]{};\draw(-3-\x,3+\x)node[fill=d]{};\draw(4+\x,1)node[fill=o]{};}\draw[d](.65,0)--(7.35,0);\draw[d,dash pattern=on20off8.5on162.5off8.5](0,-7.35)--(0,3.35);}\end{document}

इसे ऑनलाइन आज़माएं!

व्याख्या

कोड का एक अच्छा सौदा एक आवरण है:

\documentclass{standalone}\usepackage{xcolor,tikz}\begin{document}\tikz{...}\end{document}

यह मानक Tikz आवरण पर थोड़ी भिन्नता है कि इसमें भी रेखा है \usepackage{xcolor}ताकि हम रंगों को ठीक से बना सकें।

पहला काम जो किया जाता है line width=20,every node/.style={minimum size=20}], वह उचित आकार के लिए लाइनों और नोड्स को सेट करता है।

एक बार ऐसा हो जाने के बाद हम उन रंगों को परिभाषित करते हैं जो हम छवि के विभिन्न भागों के लिए उपयोग करेंगे:

\definecolor{t}{RGB}{0,168,142}\definecolor{m}{RGB}{168,99,185}\definecolor{o}{RGB}{247,58,58}\definecolor{b}{RGB}{90,166,216}\definecolor{d}{RGB}{40,77,117}

अब जब सब कुछ सेट हो गया है तो हम पृष्ठभूमि को अपने कैनवास के रंग में रंग देते हैं:

\fill[t](-7.5,-7.5)rectangle(7.5,7.5);

(मैं इस की एक छवि शामिल नहीं है क्योंकि यह सिर्फ एक चौरस वर्ग है, लेकिन मैं एक दूसरे चरण की छवियों सहित होगा)

हम जो पहला नोड जोड़ते हैं, वह कैनवास के केंद्र के बाईं ओर नारंगी नोड होता है।

\draw(-1,0)node[fill=o]{};

सागर में एक नारंगी

अब हम हल्के नीले और मैजेंटा नोड्स खींचेंगे। 7 ब्लू नोड्स और 4 ब्लू नोड्स हैं, लेकिन हम अतिरिक्त नोड्स खींच सकते हैं जो बाद में लाइनों द्वारा कवर किए जाएंगे इसलिए हम प्रत्येक के 7 ड्रा करेंगे।

\foreach\x in{1,...,7}{
    \draw(-\x,-1)node[fill=m]{};
    \draw(0,\x)node[fill=b]{};
}

कांटे हुए रास्ते

अब हम एक ही \foreachलूप का उपयोग करके 3 डॉट्स के सभी समूहों को आकर्षित करेंगे

\foreach\x in{1,...,3}{\draw(\x,\x)node[fill=d]{};\draw(3+\x,-3-\x)node[fill=d]{};\draw(-3-\x,3+\x)node[fill=d]{};\draw(4+\x,1)node[fill=o]{};}

बिखरे हुए डॉट्स

अब हम सही रेखा खींचते हैं। यह रेखा .35एक नोड के आकार से मेल खाने के लिए प्रत्येक दिशा में ऑफसेट के साथ एक सरल रेखा होगी ।

\draw[d](.65,0)--(7.35,0);

टक्कर

अब हमें एक्स-अक्ष पर गहरे नीले रंग की रेखाओं और वर्गों में आकर्षित होना चाहिए। हम उन्हें कस्टम डैश पैटर्न का उपयोग करके एक पंक्ति के साथ आकर्षित करेंगे।

यह पैटर्न है [dash pattern=on20off8.5on162.5off8.5]यह एक लंबी ठोस पूंछ के साथ एक वर्ग बनाता है। हमारी रेखा नीचे से शुरू होगी और पैटर्न के 2 चक्रों को काफी कवर नहीं करेगी।

\draw[d,dash pattern=on20off8.5on162.5off8.5](0,-7.35)--(0,3.35);

अंतिम

और अब हम कर रहे हैं।


क्या आप RGB ऑफ़सेट टाइप करने के बजाय, Tikz में RGB रंगों को दर्शाने के लिए संख्याओं का उपयोग कर सकते हैं?
यति

@TuukkaX मुझे लगता है लेकिन मैं इसका पता नहीं लगा सका। यदि आप जानते हैं कि मैं कैसे प्रबुद्ध होने के लिए आभारी रहूंगा।
पोस्ट रॉक गार्फ हंटर

मैं सब पर Tikz पता नहीं है, तो कर सकते हैं कि :( साथ मदद नहीं हालांकि, अगर मैं सही "15 हर आरजीबी के भीतर", आप 99 करने के लिए 108 को बदल सकते हैं, के बाद से त्रुटि 15. किया जा रहा है के बारे में अपने नियम समझा
यति


का उपयोग \definecolorके साथ HTMLविनिर्देश (बजाय RGB) आप हेक्स का उपयोग कर रंग निर्दिष्ट करने के लिए अनुमति देता है।
जूलियन वुल्फ

6

शाब्दिक PNG फ़ाइल, 283 , 234 227 बाइट्स

संपादित करें : ऑनलाइन छवि संपीड़न सेवा https://compress-or-die.com/ का उपयोग करते हुए , यह एक और 7 बाइट्स नीचे चला गया।

albn @ alexhi

j:~/tmp$ ls -l carpet3.png
-rw-r--r-- 1 albn albn 227 15. Feb 12:01 carpet3.png
albn@alexhij:~/tmp$ base64 carpet3.png 
iVBORw0KGgoAAAANSUhEUgAAAJgAAACYBAMAAADq7D0SAAAAD1BMVEUAqI4ATXWobLn3Ojpapthl
S7nNAAAAj0lEQVR4Ae3ThRHCQBQGYVqgBVq4Fui/Jt4ILks8/80uLvkyOTlkd67EILHojtWEyxQT
Sw6uFS5TTCw/uFa+TDGx/PjS3z+KiS2GcRtgzIqJdboDPomteniCxMTyatXtMiExMcB22amCJ7wG
MbHpBWBiYmJiYmJwAjGx/ncAn0VMrP8dwL+KieXHFyImltoF6oWZiblRTNQAAAAASUVORK5CYII=

carpet3.png

227 बाइट्स बाइनरी फाइल कारपेट का वास्तविक आकार हैं। पीएनजी। जब बेस 64 में एन्कोड किया गया, जैसा कि ऊपर उद्धृत ब्लॉक में प्रदर्शित किया गया है, यह कुछ बाइट्स लंबा (308 बाइट्स) है। एनकैप्सुलेट करना कि एक html स्निपेट में जो छवि को सही तरीके से प्रस्तुत करता है, एक और कुछ बाइट्स जोड़ देगा:

HTML, 414 , 343 , 336 बाइट्स

<img src=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAACYBAMAAADq7D0SAAAAD1BMVEUAqI4ATXWobLn3OjpapthlS7nNAAAAj0lEQVR4Ae3ThRHCQBQGYVqgBVq4Fui/Jt4ILks8/80uLvkyOTlkd67EILHojtWEyxQTSw6uFS5TTCw/uFa+TDGx/PjS3z+KiS2GcRtgzIqJdboDPomteniCxMTyatXtMiExMcB22amCJ7wGMbHpBWBiYmJiYmJwAjGx/ncAn0VMrP8dwL+KieXHFyImltoF6oWZiblRTNQAAAAASUVORK5CYII

संपादित करें : मैंने उद्धरण और समापन> जैसा कि शैगी ने सुझाव दिया था। इसके अलावा छवि को एक और 17 , 24 बाइट्स के नीचे संकुचित करें


1
मुझे नहीं लगता कि शाब्दिक फ़ाइल को कोड-गोल्फ पर यहां एक मान्य प्रोग्रामिंग भाषा माना जाता है । यह ओपी पर निर्भर है कि यह वैध है या नहीं।
कॉमरेड स्पार्कलपनी

1
आप सही हो सकते हैं, लेकिन यहां तक ​​कि कोडगोलम.स्टैकएक्सचेंज.com/tags/kolmogorov-complexity/ info पर टैग kolmogorov-complexity का वर्णन एक जटिल स्ट्रिंग का उल्लेख करता है, जिसका शाब्दिक प्रतिनिधित्व इसे शाब्दिक रूप से प्रिंट करना हो सकता है। यदि एक शाब्दिक स्ट्रिंग को स्ट्रिंग आधारित कोड-गोल्फ के लिए "सबसे खराब स्थिति समाधान" माना जाता है, तो एक छवि आधारित कोड-गोल्फ के लिए एक शाब्दिक छवि फ़ाइल को "सबसे खराब मामला समाधान" माना जा सकता है। संपादित करें: मैंने केवल फ़ाइल पोस्ट की, क्योंकि मुझे आश्चर्य था कि यह वास्तव में पहले पोस्ट किए गए अन्य समाधानों की तुलना में छोटा था। (फ़ाइल से वैकल्पिक टाइम चंक हटाने के बाद)
रविवार

अगर मेरे लिए यह मेरे साथ ठीक है।
बजे रॉक गार्फ हंटर

2
थोड़ी सी भी संपीड़न के साथ, आप इसे नीचे ला सकते हैं। इसके अलावा, उद्धरण चिह्नों, किसी भी अनुगामी =और समापन को छोड़ दें >। यहाँ एक 366 बाइट संस्करण है जिस पर मैं आपका जवाब देखने से पहले काम कर रहा था:<img src=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAACYBAMAAADq7D0SAAAAD1BMVEUAqI4ATXWobLlaptj3OjrqGXAuAAAAp0lEQVRo3u3YQQqFMAxFUbeQLbiFbsH9r8k3y8CmTiKm7b2Dwv/CgUAD4jF3TYGBRdgKmRqPCQa28gaMZ20KDGz5DQhnbQoMTG2wAcPR/ScY2HeYVw4zBQYWYDUvbRLWFS/lBxhYhM3bpXzMcWBgEVa5U70cpsDAnkf1FxcwMDAwMLBczP8DAwuwmpc2HzMFBhY8qHlp8zFTYGCdyn8GKrhOYBtjv3QDvf+Zic+8bOsAAAAASUVORK5CYII
Shaggy

1
@ComradeSparklePony हमें आम तौर पर इस तरह के प्रश्नों के लिए प्रोग्रामिंग भाषा के उत्तर की आवश्यकता नहीं होती है: codegolf.meta.stackexchange.com/questions/3610/…
isaacg

5

गणितज्ञ, 285 बाइट्स

e={1,1};r=RGBColor["#"<>#]&;c=Cuboid;s=c[3#-e,3#+e]&;a=Array;b=a[s[{1,-1}#]&,3,#]&;Graphics@{r@"0a8",c[-23e,23e],r@"a6b",a[s@{-#,-1}&,7],r@"f33",a[s@{#,1}&,3,5],s@{-1,0},r@"5ad",a[s@{0,#}&,4,4],r@"057",a[s[e#]&,4,0],b@4,b[-6],s@{0,-7},{-1,2}~c~{1,10},{-1,-2}~c~{1,-19},{2,-1}~c~{22,1}}

पढ़ने में आसान:

 1  c = Cuboid; e = {1, 1};
 2  s = c[3 # - e, 3 # + e] &;
 3  a = Array; b = a[s[{1, -1} #] &, 3, #] &;
 4  r = RGBColor["#" <> #] &; 
 5  Graphics@{
 6   r@"0a8", c[-23 e, 23 e],
 7   r@"a6b", a[s@{-#, -1} &, 7],
 8   r@"f33", a[s@{#, 1} &, 3, 5], s@{-1, 0},
 9   r@"5ad", a[s@{0, #} &, 4, 4],
10   r@"057",
11    a[s[e #] &, 4, 0], b@4, b[-6], s@{0, -7},
12    {-1, 2}~c~{1, 10}, {-1, -2}~c~{1, -19}, {2, -1}~c~{22, 1}
13  }

लाइन्स 1-3 फ़ंक्शंस के लिए छोटे नामों को परिभाषित करती हैं, जिनमें से सबसे महत्वपूर्ण है जो sकि प्राप्त होने वाले निर्देशांक पर केंद्रित एक वर्ग बनाता है (उपयुक्त स्केलिंग के लिए वास्तव में 3 बार अपने निर्देशांक)। लाइन 4 मैथमेटिका के "शॉर्टकट" आरजीबी सिस्टम का उपयोग करके एक रंग फ़ंक्शन को परिभाषित करता है: RGBColor["#xyz"]जहां xyzहेक्साडेसिमल अंक हैं, इसके लिए खड़ा हैRGBColor[{17x, 17y, 17z}] (प्रत्येक निर्देशांक में समान रूप से 0 से 255 तक चलने वाले 16 समान विकल्प हैं)। लाइनों पर पहला कमांड 6-10 वर्तमान रंग को स्विच करता है, शॉर्टकट रंगों का उपयोग करके जो निर्दिष्ट पांच रंगों के सबसे करीब हैं (कोई मूल्य 8 से अधिक नहीं है जब हम 17 के निकटतम गुणक में जाते हैं)।

रेखा 6 बड़े चैती वर्ग को खींचती है। लाइन 7 मजेंटा वर्गों की रेखा खींचती है, रेखा 8 नारंगी वर्ग और एकल नारंगी वर्ग की रेखा खींचती है। लाइन 9 हल्के नीले वर्गों की रेखा खींचती है। लाइन 11 गहरे नीले वर्गों की तीन विकर्ण रेखाएं खींचती है, साथ ही सबसे नीचे गहरे नीले वर्ग को भी दर्शाती है। अंत में, लाइन 12 तीन लंबे गहरे नीले आयतों को खींचती है। आउटपुट नीचे है:

पोर्टलैंड

(गोल्फ टिप: कमांड Cuboid, जो 3 डी ग्राफिक्स ऑब्जेक्ट के लिए अभिप्रेत है, 2 डी में ठीक काम करता है और इससे छोटा है Rectangle।)


2

पायथन, 420

from PIL import Image,ImageDraw
B=0,77,117
I=Image.new('RGB',(300,300),(0,168,142))
r=ImageDraw.Draw(I).rectangle
for x,y,c in['7172737a98cde670123456bcd70112233456666778888888bcde23232323331111300000003333'[x::26]for x in range(26)]:exec'r([W,W,14+W,14+W],[(168,108,185),(247,58,58),(90,166,216),B][%s]);'.replace('W','2+20*0x%s')%(x,y,x,y,c)
r([162,142,296,156],B)
r([142,82,156,136],B)
r([142,162,156,276],B)
I.show()

1

HTML / SVG, 550 542 521 बाइट्स

<svg><path fill=#0a8 d="M0 0h152v152H0z"/><path fill=#5ad d="M72 2h8v8h-8zm0 10h8v8h-8zm0 10h8v8h-8zm0 10h8v8h-8z"/><path fill=#057 d="M12 12h8v8h-8zm10 10h8v8h-8zm10 10h8v8h-8zm40 10h8v28h-8zm0 30h8v8h-8zm10-10h8v8h-8zm10-10h8v8h-8zm10-10h8v8h-8zM82 72h68v8H82zM72 82h8v58h-8zm0 60h8v8h-8zm40-30h8v8h-8zm10 10h8v8h-8zm10 10h8v8h-8z"/><path fill=#f33 d="M62 72h8v8h-8zm60-10h8v8h-8zm10 0h8v8h-8zm10 0h8v8h-8z"/><path fill=#a6b d="M2 82h8v8H2zm10 0h8v8h-8zm10 0h8v8h-8zm10 0h8v8h-8zm10 0h8v8h-8zm10 0h8v8h-8zm10 0h8v8h-8z"


1

HTML, 366 बाइट्स

रविवार को बेस 64 का जवाब मिला, जबकि मैं अभी भी इस पर काम कर रहा था; यदि s / वह इसका उपयोग करना चुनता है तो मैं इस उत्तर को हटा दूंगा।

<img src=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAACYBAMAAADq7D0SAAAAD1BMVEUAqI4ATXWobLlaptj3OjrqGXAuAAAAp0lEQVRo3u3YQQqFMAxFUbeQLbiFbsH9r8k3y8CmTiKm7b2Dwv/CgUAD4jF3TYGBRdgKmRqPCQa28gaMZ20KDGz5DQhnbQoMTG2wAcPR/ScY2HeYVw4zBQYWYDUvbRLWFS/lBxhYhM3bpXzMcWBgEVa5U70cpsDAnkf1FxcwMDAwMLBczP8DAwuwmpc2HzMFBhY8qHlp8zFTYGCdyn8GKrhOYBtjv3QDvf+Zic+8bOsAAAAASUVORK5CYII

यदि आधार पर स्ट्रिंग 64 अपने आप में मान्य उत्तर है तो वह सिर्फ 335 बाइट्स है:

iVBORw0KGgoAAAANSUhEUgAAAJgAAACYBAMAAADq7D0SAAAAD1BMVEUAqI4ATXWobLlaptj3OjrqGXAuAAAAp0lEQVRo3u3YQQqFMAxFUbeQLbiFbsH9r8k3y8CmTiKm7b2Dwv/CgUAD4jF3TYGBRdgKmRqPCQa28gaMZ20KDGz5DQhnbQoMTG2wAcPR/ScY2HeYVw4zBQYWYDUvbRLWFS/lBxhYhM3bpXzMcWBgEVa5U70cpsDAnkf1FxcwMDAwMLBczP8DAwuwmpc2HzMFBhY8qHlp8zFTYGCdyn8GKrhOYBtjv3QDvf+Zic+8bOsAAAAASUVORK5CYII

1

HTML / SVG + JavaScript (ES6), 500 499 बाइट्स

>स्निपेट के रूप में कार्य करने के लिए एक अतिरिक्त की आवश्यकता होती है, वास्तविक कोड के लिए इस फिडेल को देखें ।

[[t="5ad",2],[t,o=12],[t,p=22],[t,q=32],[,o,o],[,p,p],[,q,q],[,42,,28],[],[,v=62,s=82],[,52,92],[,42,102],[,,s,,68],[,s,,58],[,142],[,112,112],[,122,122],[,132,132],[t="f33",,v],[t,v,122],[t,v,132],[t,v,142],[t="a6b",s,2],[t,s,o],[t,s,p],[t,s,q],[t,s,42],[t,s,52],[t,s,v],["0a8",0,0,152,152]].map(x=>a(x[0],x[1],x[2],x[3],x[4]),a=(f="057",y=72,x=72,h=8,w=8)=>(c.after(r=c.cloneNode()),r.id++,r[s="setAttribute"]("fill","#"+f),r[s]("x",x),r[s]("y",y),r[s]("width",w),r[s]("height",h)))
<svg><rect id=c>


व्याख्या

सरणियों की एक सरणी कार्य करने के लिए मैप किया गया है a, के क्लोन बनाने rect, HTML में प्रारंभिक के बाद उन्हें डालने rectऔर उनके की स्थापना fill, x, y, widthऔर heightगुण। प्रत्येक सरणी में उन विशेषताओं के लिए मान होते हैं, उस क्रम में, किसी भी लापता मान के डिफ़ॉल्ट पैरामीटर द्वारा सेट किए जाने के साथ a। यह प्रतीत होता है कि अनावश्यक है r.id++, cloneNode()जबकि यह सुनिश्चित करने की अनुमति है कि सी के rectसाथ केवल 1 ही है id; यह हास्यास्पद महंगा उपयोग करने की आवश्यकता को बचाता है document.createElementNS("http://www.w3.org/2000/svg","rect")


1

PHP + SVG, 425 बाइट्स

<svg><rect x=0 y=0 fill=#00a88e width=150 height=150 /><?foreach(["004d75"=>[[1,1],[2,2],[3,3],[7,14],[7,7],[8,6],[9,5],[10,4],[11,11],[12,12],[13,13],[7,4,0,2],[8,7,6,0],[7,8,0,5]],"5aa6d8"=>[[7,0],[7,1],[7,2],[7,3]],a86cb9=>[[0,8],[1,8],[2,8],[3,8],[4,8],[5,8],[6,8]],f73a3a=>[[6,7],[12,6],[13,6],[14,6]]]as$c=>$p)foreach($p as$v)echo"<rect x={$v[0]}1 y={$v[1]}1 width=".(8+10*$v[2])." height=".(8+10*$v[3])." fill=#$c />";

विस्तार

<svg><rect x=0 y=0 fill=#00a88e width=150 height=150 />
<?foreach([
"004d75"=>[[1,1],[2,2],[3,3],[7,14],[7,7],[8,6],[9,5],[10,4],[11,11],[12,12],[13,13],[7,4,0,2],[8,7,6,0],[7,8,0,5]]
,"5aa6d8"=>[[7,0],[7,1],[7,2],[7,3]]
,a86cb9=>[[0,8],[1,8],[2,8],[3,8],[4,8],[5,8],[6,8]]
,f73a3a=>[[6,7],[12,6],[13,6],[14,6]] # Array containing color and position ,width, height of each rect without the background
]as$c=>$p)
  foreach($p as$v)
    echo"<rect x={$v[0]}1 y={$v[1]}1 width=".(8+10*$v[2])." height=".(8+10*$v[3])." fill=#$c />"; # Output the rects

HTML स्निपेट में कोड का परिणाम

<svg><rect x=0 y=0 fill=#00a88e width=150 height=150 /><rect x=11 y=11 width=8 height=8 fill=#004d75 /><rect x=21 y=21 width=8 height=8 fill=#004d75 /><rect x=31 y=31 width=8 height=8 fill=#004d75 /><rect x=71 y=141 width=8 height=8 fill=#004d75 /><rect x=71 y=71 width=8 height=8 fill=#004d75 /><rect x=81 y=61 width=8 height=8 fill=#004d75 /><rect x=91 y=51 width=8 height=8 fill=#004d75 /><rect x=101 y=41 width=8 height=8 fill=#004d75 /><rect x=111 y=111 width=8 height=8 fill=#004d75 /><rect x=121 y=121 width=8 height=8 fill=#004d75 /><rect x=131 y=131 width=8 height=8 fill=#004d75 /><rect x=71 y=41 width=8 height=28 fill=#004d75 /><rect x=81 y=71 width=68 height=8 fill=#004d75 /><rect x=71 y=81 width=8 height=58 fill=#004d75 /><rect x=71 y=01 width=8 height=8 fill=#5aa6d8 /><rect x=71 y=11 width=8 height=8 fill=#5aa6d8 /><rect x=71 y=21 width=8 height=8 fill=#5aa6d8 /><rect x=71 y=31 width=8 height=8 fill=#5aa6d8 /><rect x=01 y=81 width=8 height=8 fill=#a86cb9 /><rect x=11 y=81 width=8 height=8 fill=#a86cb9 /><rect x=21 y=81 width=8 height=8 fill=#a86cb9 /><rect x=31 y=81 width=8 height=8 fill=#a86cb9 /><rect x=41 y=81 width=8 height=8 fill=#a86cb9 /><rect x=51 y=81 width=8 height=8 fill=#a86cb9 /><rect x=61 y=81 width=8 height=8 fill=#a86cb9 /><rect x=61 y=71 width=8 height=8 fill=#f73a3a /><rect x=121 y=61 width=8 height=8 fill=#f73a3a /><rect x=131 y=61 width=8 height=8 fill=#f73a3a /><rect x=141 y=61 width=8 height=8 fill=#f73a3a />

PHP + SVG, 375 बाइट्स

यह बाइट गिनती एसवीजी को संपीड़ित करने के साथ पहुंच सकती है

<?=bzdecompress(base64_decode("QlpoNDFBWSZTWY2177gAASSZgEgA/+c/5B3gMAE5TQVtQeig0AAACU0VNMAAAEYIlEnpMKNlGahso2plh0zoaSEpIkukINaC3RWRF74IvArdRF1FcBXrSTFWXTorp2xvpb3k7FbaV62syISgiBEweHhxtWUmgWCsqqaKSEARyAOAEZJJOwYBQqTAWotSrmEXJbBRTYNhCg4RPaKOUUbAX+Fr4VfIrzzIQQkkJCWfMEEOOISTuDkOzgQzDQDNQKu/4K7AZh8L41DddV8iv2LQOBXv+iugriHAr6sK/IrUV1FeRXMV3FdhW8V9KugrmK8CvOQin+LuSKcKEhG2vfcA"));
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.