blocks|key|1192450|text|Wolfram语言(数学)，23字节|type|header-two|depth|inlineStyleRanges|entityRanges|offset|length|data|1192451|¯\__(ツ)_/，当然有一个内置的.|unstyled|1192452|"BD"~CountryData~"Flag"|code-block|syntax|javascript|1192453|1192454|但你也可以得到同样的结果.|1192455|Wolfram语言(数学)，78字节|1192456|Graphics@{(c=RGBColor)@"#006a4e",{0,0}~Cuboid~{5,3},c@"#f42a41",Disk[{9,6}/4]}|1192457|📷|atomic|1192458|-8字节{第一段代码)感谢@Makonede表示“孟加拉国”到"BD“|1192459|1192460|-4字节(第二个代码)，这要归功于@att|entityMap|0|LINK|mutability|MUTABLE|url|https://www.wolfram.com/wolframscript/|1|2|IMAGE|IMMUTABLE|imageUrl|https://i.stack.imgur.com/mvuhS.png|imageAlt^0|0|D|0|0|0|0|0|0|0|D|1|0|0|0|1|2|0|0|0^^$0|@$1|2|3|4|5|6|7|1E|8|@]|9|@$A|1F|B|1G|1|1H]]|C|$]]|$1|D|3|E|5|F|7|1I|8|@]|9|@]|C|$]]|$1|G|3|H|5|I|7|1J|8|@]|9|@]|C|$J|K]]|$1|L|3|-4|5|F|7|1K|8|@]|9|@]|C|$]]|$1|M|3|N|5|F|7|1L|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|1M|8|@]|9|@$A|1N|B|1O|1|1P]]|C|$]]|$1|Q|3|R|5|I|7|1Q|8|@]|9|@]|C|$J|K]]|$1|S|3|T|5|U|7|1R|8|@]|9|@$A|1S|B|1T|1|1U]]|C|$]]|$1|V|3|W|5|F|7|1V|8|@]|9|@]|C|$]]|$1|X|3|-4|5|F|7|1W|8|@]|9|@]|C|$]]|$1|Y|3|Z|5|F|7|1X|8|@]|9|@]|C|$]]]|10|$11|$5|12|13|14|C|$15|16]]|17|$5|12|13|14|C|$15|16]]|18|$5|19|13|1A|C|$1B|1C|1D|-4]]]]

<h1><a href="https://www.wolfram.com/wolframscript/" rel="noreferrer">Wolfram Language (Mathematica)</a>, 23 bytes</h1>
<p>¯\__(ツ)_/¯   of course there is a built in for this...</p>
<pre><code>&quot;BD&quot;~CountryData~&quot;Flag&quot;
</code></pre>
<br>
but you can also get the same result with...
<h1><a href="https://www.wolfram.com/wolframscript/" rel="noreferrer">Wolfram Language (Mathematica)</a>, 78 bytes</h1>
<pre><code>Graphics@{(c=RGBColor)@&quot;#006a4e&quot;,{0,0}~Cuboid~{5,3},c@&quot;#f42a41&quot;,Disk[{9,6}/4]}
</code></pre>
<p><a href="https://i.stack.imgur.com/mvuhS.png" rel="noreferrer"><img src="https://i.stack.imgur.com/mvuhS.png" alt="enter image description here" /></a></p>
<p>-8 bytes {first code) thanks to @Makonede for &quot;Bangladesh&quot; to &quot;BD&quot;<br />
-4 bytes (second code) thanks to @att</p>


blocks|key|1192881|text|SVG，67字节|type|header-two|depth|inlineStyleRanges|entityRanges|data|1192882|通过调整viewBox，我们可以利用这样一个事实:形状的笔划具有默认宽度。这样可以避免为背景创建任何元素。|unstyled|1192883|<svg+viewBox=-.9,-.6,2,1.2><circle+r=.9+fill=#f42a41+stroke=#006a4e|code-block|syntax|javascript|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|M|8|@]|9|@]|A|$H|I]]]|J|$]]

<h1>SVG, 67 bytes</h1>
<p>By tweaking the viewBox, we can take advantage of the fact that the stroke of a shape has a default width. That avoids creating any element for the background.</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;svg viewBox=-.9,-.6,2,1.2&gt;&lt;circle r=.9 fill=#f42a41 stroke=#006a4e</code></pre>
</div>
</div>
</p>


blocks|key|1192036|text|HTML中的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1192037|SVG，74字节|header-two|1192038|<svg+viewBox=-9,-6,20,12+style=background:#006a4e><circle+r=4+fill=#f42a41|code-block|syntax|javascript|1192039|-8个字节(+乔伊+)|offset|length|entityMap|0|LINK|mutability|MUTABLE|url|https://codegolf.stackexchange.com/users/15/joey^0|0|0|0|7|2|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|W|8|@]|9|@]|A|$H|I]]|$1|J|3|K|5|6|7|X|8|@]|9|@$L|Y|M|Z|1|10]]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<h1>SVG in HTML, 74 bytes</h1>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;svg viewBox=-9,-6,20,12 style=background:#006a4e&gt;&lt;circle r=4 fill=#f42a41</code></pre>
</div>
</div>
</p>
<p>-8 bytes by <a href="https://codegolf.stackexchange.com/users/15/joey">Joey</a></p>


blocks|key|1189294|text|HTML，110个字节|type|header-two|depth|inlineStyleRanges|entityRanges|data|1189295|<div+style=padding:10%2535%2510%2525%25;background:#006a4e><nav+style=padding:50%25;background:#f42a41;border-radius:50%25|code-block|syntax|javascript|1189296|-+Adám的1字节|unstyled|1189297|有趣的事实：padding-top+/+padding-bottom上的百分比值跟随容器的宽度(而不是高度)。|offset|length|style|CODE|entityMap^0|0|0|0|6|B|K|E^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|I|7|S|8|@]|9|@]|A|$]]|$1|J|3|K|5|I|7|T|8|@$L|U|M|V|N|O]|$L|W|M|X|N|O]]|9|@]|A|$]]]|P|$]]

<h1>HTML, 110 bytes</h1>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div style=padding:10%35%10%25%;background:#006a4e&gt;&lt;nav style=padding:50%;background:#f42a41;border-radius:50%</code></pre>
</div>
</div>
</p>
<p>-1 bytes by Adám</p>
<p>Fun fact: percentage values on <code>padding-top</code> / <code>padding-bottom</code> follow the container’s width (not height).</p>


blocks|key|1192221|text|红色，101个字节|type|header-two|depth|inlineStyleRanges|entityRanges|offset|length|data|1192222|Red[Needs:'view]view[base+500x300+0.106.78
draw[pen+244.42.65+fill-pen+244.42.65+circle+225x150+100]]|code-block|syntax|javascript|1192223|📷|atomic|entityMap|0|LINK|mutability|MUTABLE|url|http://www.red-lang.org/|1|IMAGE|IMMUTABLE|imageUrl|https://i.stack.imgur.com/krn2V.png|imageAlt^0|0|2|0|0|0|0|1|1^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|K|7|13|8|@]|9|@$A|14|B|15|1|16]]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|T|O|U|C|$V|W|X|-4]]]]

<h1><a href="http://www.red-lang.org" rel="noreferrer">Red</a>, 101 bytes</h1>
<pre><code>Red[Needs:'view]view[base 500x300 0.106.78
draw[pen 244.42.65 fill-pen 244.42.65 circle 225x150 100]]
</code></pre>
<p><a href="https://i.stack.imgur.com/krn2V.png" rel="noreferrer"><img src="https://i.stack.imgur.com/krn2V.png" alt="Flag of Bangladesh, drawn in Red" /></a></p>


blocks|key|1192839|text|HTML，95字节|type|header-two|depth|inlineStyleRanges|entityRanges|offset|length|data|1192840|<p+style="width:500;height:300;background:radial-gradient(200px+at+45%25,#f42a41+50%25,#006a4e+0)">|code-block|syntax|javascript|1192841|在网上试试！|unstyled|entityMap|0|LINK|mutability|MUTABLE|url|https://en.wikipedia.org/wiki/HTML|1|https://www.w3schools.com/code/tryit.asp?filename=GPQTJHFVBSWQ^0|0|4|0|0|0|0|6|1^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|K|7|Z|8|@]|9|@$A|10|B|11|1|12]]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|T]]]]

<h1><a href="https://en.wikipedia.org/wiki/HTML" rel="noreferrer">HTML</a>, 95 bytes</h1>
<pre class="lang-html prettyprint-override"><code>&lt;p style=&quot;width:500;height:300;background:radial-gradient(200px at 45%,#f42a41 50%,#006a4e 0)&quot;&gt;
</code></pre>
<p><a href="https://www.w3schools.com/code/tryit.asp?filename=GPQTJHFVBSWQ" rel="noreferrer">Try it online!</a></p>


blocks|key|1190798|text|Basic+(特别是坦迪CoCo3+)，109个字节|type|header-two|depth|inlineStyleRanges|entityRanges|data|1190799|首先，希望在目标计算机只有64台调色板的情况下，不存在精确颜色的“快速”规则。-)我尽可能地接近了。我用的是最暗的绿色和第二种最暗的红色。|unstyled|1190800|另外，在图形模式下放置CoCo3并不是“停留”，除非您在末尾放置某种停顿--但在0.89+MHz时，它的绘制速度足够慢，您可以在它消失回文本模式之前看到结果。|1190801|HSCREEN1:PALETTE1,2:PALETTE2,32:HCOLOR1,3:HLINE(0,0)-(299,179),PSET,BF:HCIRCLE(134,89),60,2:HPAINT(99,89),2,2|code-block|syntax|javascript|1190802|尽管如此，如果您确实希望“按Enter以擦除”并使其在不重新键入行的情况下重新运行，则将花费9个字节：|1190803|0+HSCREEN1:PALETTE1,2:PALETTE2,32:HCOLOR1,3:HLINE(0,0)-(299,179),PSET,BF:HCIRCLE(134,89),60,2:HPAINT(99,89),2,2:INPUTK|1190804|然后键入“RUN”。下面是结果的屏幕截图(通过Server+2016上的VCC+2.1.0c模拟)：|1190805|📷|atomic|offset|length|1190806|标志的分辨率为300x180；视频模式的分辨率为320x192，因此边缘处的(默认)更亮绿色边框。|1190807|最后，这个程序在技术上比我指定的字节要少，因为它被标记化了，但是我不想做这个数学运算。|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://i.stack.imgur.com/Gguyl.png|imageAlt^0|0|0|0|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|19|8|@]|9|@]|A|$]]|$1|E|3|F|5|D|7|1A|8|@]|9|@]|A|$]]|$1|G|3|H|5|I|7|1B|8|@]|9|@]|A|$J|K]]|$1|L|3|M|5|D|7|1C|8|@]|9|@]|A|$]]|$1|N|3|O|5|I|7|1D|8|@]|9|@]|A|$J|K]]|$1|P|3|Q|5|D|7|1E|8|@]|9|@]|A|$]]|$1|R|3|S|5|T|7|1F|8|@]|9|@$U|1G|V|1H|1|1I]]|A|$]]|$1|W|3|X|5|D|7|1J|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|D|7|1K|8|@]|9|@]|A|$]]]|10|$11|$5|12|13|14|A|$15|16|17|-4]]]]

<h1>Basic (Tandy CoCo3 specifically), 109 Bytes</h1>
<p>Firstly, hopefully there isn't a 'hard fast' rule on the exact color when the target computer only has a palette of 64 total... :-) I got as close as I could. I used the darkest green available and the 2nd darkest red.</p>
<p>Also, putting a CoCo3 in graphic mode doesn't &quot;stay&quot; unless you put some kind of pause at the end - but at 0.89 MHz it draws slowly enough you can see the result before it disappears back to text mode.</p>
<pre><code>HSCREEN1:PALETTE1,2:PALETTE2,32:HCOLOR1,3:HLINE(0,0)-(299,179),PSET,BF:HCIRCLE(134,89),60,2:HPAINT(99,89),2,2
</code></pre>
<p>That said, if you did want to &quot;press Enter to erase&quot; and make it re-runnable without retyping in the line, it'll cost 9 bytes:</p>
<pre><code>0 HSCREEN1:PALETTE1,2:PALETTE2,32:HCOLOR1,3:HLINE(0,0)-(299,179),PSET,BF:HCIRCLE(134,89),60,2:HPAINT(99,89),2,2:INPUTK
</code></pre>
<p>then type 'RUN'. Here's a screenshot of the result (emulated via VCC 2.1.0c on Server 2016):</p>
<p><a href="https://i.stack.imgur.com/Gguyl.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Gguyl.png" alt="enter image description here" /></a></p>
<p>The resolution of the flag is 300x180; the resolution of the video mode is 320x192, hence the (default) brighter green border on the edges.</p>
<p>Lastly, the program technically takes less bytes than I specified as it's tokenized, but I don't feel like doing that math.</p>


blocks|key|1192296|text|p5.js，97字节|type|header-two|depth|inlineStyleRanges|entityRanges|offset|length|data|1192297|setup=x=>createCanvas(300,180)%2Bbackground(0,106,78)%2Bfill(244,42,65)%2BnoStroke()%2Bcircle(135,90,120)|code-block|syntax|javascript|entityMap|0|LINK|mutability|MUTABLE|url|https://editor.p5js.org/^0|0|5|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|F|7|T|8|@]|9|@]|C|$G|H]]]|I|$J|$5|K|L|M|C|$N|O]]]]

<h1><a href="https://editor.p5js.org/" rel="nofollow noreferrer">p5.js</a>, 97 bytes</h1>
<pre class="lang-javascript prettyprint-override"><code>setup=x=&gt;createCanvas(300,180)+background(0,106,78)+fill(244,42,65)+noStroke()+circle(135,90,120)
</code></pre>


blocks|key|1192498|text|Python+%2B+Pygame，124个字节|type|header-two|depth|inlineStyleRanges|entityRanges|data|1192499|from+pygame+import*
s=display.set_mode((286,176))
s.fill((0,106,78))
draw.circle(s,(244,42,65),(128,86),57)
display.update()|code-block|syntax|javascript|1192500|我已经很长时间没有使用either了，所以在这里我可能忽略了一些显而易见的东西(比如直接设置窗口的背景)，但总体上它也不是最短的答案。|unstyled|1192501|-7字节-谢谢@tsh的建议-31字节感谢@ChrisH和@Sadap，哇，我真的需要再学一次游戏|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|I|7|O|8|@]|9|@]|A|$]]|$1|J|3|K|5|I|7|P|8|@]|9|@]|A|$]]]|L|$]]

<h1>Python + Pygame, 124 bytes</h1>
<pre class="lang-py prettyprint-override"><code>from pygame import*
s=display.set_mode((286,176))
s.fill((0,106,78))
draw.circle(s,(244,42,65),(128,86),57)
display.update()
</code></pre>
<p>I haven't used Pygame in a long time, so I'm probably missing something obvious here (like setting the background of the window directly) but it's not the shortest answer overall either.</p>
<p><em>-7 bytes thanks to @tsh's suggestion</em>
<em>-31 bytes thanks to @ChrisH and @Sadap</em>, wow I really need to learn Pygame again</p>


blocks|key|1189993|text|红宝石配鞋，87个字符|type|header-two|depth|inlineStyleRanges|entityRanges|data|1189994|Shoes.app(width:500,height:300){background'006a4e'
stroke+fill'f42a41'
oval+125,50,200}|code-block|syntax|javascript|1189995|样本输出：|unstyled|1189996|📷|atomic|offset|length|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://i.stack.imgur.com/MMxQS.png|imageAlt^0|0|0|0|0|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|I|7|Y|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|Z|8|@]|9|@$M|10|N|11|1|12]]|A|$]]]|O|$P|$5|Q|R|S|A|$T|U|V|-4]]]]

<h1>Ruby with Shoes, 87 characters</h1>
<pre class="lang-ruby prettyprint-override"><code>Shoes.app(width:500,height:300){background'006a4e'
stroke fill'f42a41'
oval 125,50,200}
</code></pre>
<p>Sample output:</p>
<p><img src="https://i.stack.imgur.com/MMxQS.png" alt="flag of Bangladesh" /></p>


blocks|key|1189129|text|HTML/CSS，168个字节|type|header-two|depth|inlineStyleRanges|entityRanges|data|1189130|<div><div+style=left:125;top:50;width:200;height:200;background:#f42a41;border-radius:50%25><style>div{position:fixed;left:0;top:0;width:500;height:300;background:#006a4e|code-block|syntax|javascript|1189131|您可以尝试一下这里+(不管出于什么原因，它似乎都不是一个片段)。|unstyled|offset|length|1189132|-1字节，因为Adám删除了样式块末尾的}|style|CODE|1189133|1189134|-感谢Manish+Kandu的2字节|1189135|1189136|-12字节感谢pxeger|1189137|1189138|-13字节感谢Neil|entityMap|0|LINK|mutability|MUTABLE|url|https://www.w3schools.com/code/tryit.asp?filename=GPU3SVQLA5X1^0|0|0|7|2|0|0|K|1|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|15|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|16|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|I|7|17|8|@]|9|@$J|18|K|19|1|1A]]|A|$]]|$1|L|3|M|5|I|7|1B|8|@$J|1C|K|1D|N|O]]|9|@]|A|$]]|$1|P|3|-4|5|I|7|1E|8|@]|9|@]|A|$]]|$1|Q|3|R|5|I|7|1F|8|@]|9|@]|A|$]]|$1|S|3|-4|5|I|7|1G|8|@]|9|@]|A|$]]|$1|T|3|U|5|I|7|1H|8|@]|9|@]|A|$]]|$1|V|3|-4|5|I|7|1I|8|@]|9|@]|A|$]]|$1|W|3|X|5|I|7|1J|8|@]|9|@]|A|$]]]|Y|$Z|$5|10|11|12|A|$13|14]]]]

<h1>HTML/CSS, 168 bytes</h1>
<pre><code>&lt;div&gt;&lt;div style=left:125;top:50;width:200;height:200;background:#f42a41;border-radius:50%&gt;&lt;style&gt;div{position:fixed;left:0;top:0;width:500;height:300;background:#006a4e
</code></pre>
<p>You can try it out <a href="https://www.w3schools.com/code/tryit.asp?filename=GPU3SVQLA5X1" rel="nofollow noreferrer">here</a> (doesn't seem to work as a snippet, for whatever reason...)</p>
<p>-1 byte thanks to Adám by removing the <code>}</code> at the end of the style block<br />
-2 bytes thanks to Manish Kandu<br />
-12 bytes thanks to pxeger<br />
-13 bytes thanks to Neil</p>


blocks|key|1190327|text|Python+3|type|header-two|depth|inlineStyleRanges|entityRanges|data|1190328|我尝试了不同的解决方案，这是我最好的两次尝试.|unstyled|1190329|Python+%2B+turtle，113个字节|1190330|感谢@Sadap给了我一些关于海龟的“替代”用法的提示:)|1190331|from+turtle+import*
s=Screen()
s.screensize(300,180,'#006a4e')
s.setup(305,183)
ht()
setx(-15)
dot(120,'#f42a41')|code-block|syntax|javascript|1190332|📷|atomic|offset|length|1190333|注释代码：|1190334|from+turtle+import*
#+initialize+a+new+window
s=Screen()
#+define+the+turtle+drawing+area,+with+thee+green+background
s.screensize(300,180,'#006a4e')
#+setup+the+size+of+the+window
#+slightly+bigger+than+the+drawing+area,+to+avoid+the+scroll+bars
s.setup(305,183)
#+hide+turtle+default+image
ht()
#+from+the+center+of+the+image,+move+to+the+left
#+center+of+the+circle
setx(-15)
#+draw+the+red+circle
dot(120,'#f42a41')|1190335|Python+%2B+tkinter，132个字节|1190336|from+tkinter+import*++
c=Canvas(Tk(),bg='#006a4e',width=300,height=180)
c.create_oval(75,30,195,150,fill='#f42a41',width=0)
c.pack()|1190337|1190338|1190339|from+tkinter+import*
#+initialize+a+new+window,+setting+the+background+color+and+the+size+
c=Canvas(Tk(),bg='#006a4e',width=300,height=180)
#+draw+the+red+circle
c.create_oval(75,30,195,150,fill='#f42a41',width=0)
#+add+the+circle+to+the+canvas
c.pack()|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://i.stack.imgur.com/ojVh9.png|imageAlt|1|https://i.stack.imgur.com/SGsgp.png^0|0|0|0|0|0|0|1|0|0|0|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|1E|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1F|8|@]|9|@]|A|$]]|$1|E|3|F|5|6|7|1G|8|@]|9|@]|A|$]]|$1|G|3|H|5|D|7|1H|8|@]|9|@]|A|$]]|$1|I|3|J|5|K|7|1I|8|@]|9|@]|A|$L|M]]|$1|N|3|O|5|P|7|1J|8|@]|9|@$Q|1K|R|1L|1|1M]]|A|$]]|$1|S|3|T|5|D|7|1N|8|@]|9|@]|A|$]]|$1|U|3|V|5|K|7|1O|8|@]|9|@]|A|$L|M]]|$1|W|3|X|5|6|7|1P|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|K|7|1Q|8|@]|9|@]|A|$L|M]]|$1|10|3|O|5|P|7|1R|8|@]|9|@$Q|1S|R|1T|1|1U]]|A|$]]|$1|11|3|T|5|D|7|1V|8|@]|9|@]|A|$]]|$1|12|3|13|5|K|7|1W|8|@]|9|@]|A|$L|M]]]|14|$15|$5|16|17|18|A|$19|1A|1B|-4]]|1C|$5|16|17|18|A|$19|1D|1B|-4]]]]

<h1>Python 3</h1>
<p>I tried different solutions, here are my two best attempts...</p>
<h2>Python + turtle, 113 bytes</h2>
<p><em>Thanks to @Sadap to give me some hints on an &quot;alternative&quot; use of the turtle :)</em></p>

<pre class="lang-python prettyprint-override"><code>from turtle import*
s=Screen()
s.screensize(300,180,'#006a4e')
s.setup(305,183)
ht()
setx(-15)
dot(120,'#f42a41')
</code></pre>
<p><a href="https://i.stack.imgur.com/ojVh9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ojVh9.png" alt="python + turtle" /></a></p>
<p>Commented code:</p>

<pre class="lang-python prettyprint-override"><code>from turtle import*
# initialize a new window
s=Screen()
# define the turtle drawing area, with thee green background
s.screensize(300,180,'#006a4e')
# setup the size of the window
# slightly bigger than the drawing area, to avoid the scroll bars
s.setup(305,183)
# hide turtle default image
ht()
# from the center of the image, move to the left
# center of the circle
setx(-15)
# draw the red circle
dot(120,'#f42a41')
</code></pre>
<hr />
<h2>Python + tkinter, 132 bytes</h2>

<pre class="lang-python prettyprint-override"><code>from tkinter import*  
c=Canvas(Tk(),bg='#006a4e',width=300,height=180)
c.create_oval(75,30,195,150,fill='#f42a41',width=0)
c.pack()
</code></pre>
<p><a href="https://i.stack.imgur.com/SGsgp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SGsgp.png" alt="python + tkinter" /></a></p>
<p>Commented code:</p>

<pre class="lang-python prettyprint-override"><code>from tkinter import*
# initialize a new window, setting the background color and the size 
c=Canvas(Tk(),bg='#006a4e',width=300,height=180)
# draw the red circle
c.create_oval(75,30,195,150,fill='#f42a41',width=0)
# add the circle to the canvas
c.pack()
</code></pre>


blocks|key|1193314|text|叠加，93个字节|type|header-two|depth|inlineStyleRanges|entityRanges|data|1193315|400+setwidth+240+setheight'#006a4e'setbg'#f42a41'allstyle'370px+Arial'font+69+226+to'●'text|code-block|syntax|javascript|1193316|在线翻译。这里是生成的输出(Firefox，最新版本)：|unstyled|offset|length|1193317|📷|atomic|1193318|或者，网页的截图：|1193319|1193320|解释|1193321|简单地用适当的尺寸初始化画布，设置适当的背景颜色，然后绘制正确字体高度和位置的符号字符。我们必须这样做，因为堆叠没有自然的方式画圆圈任意。下面的程序可以验证这些任意值的正确性，该程序在圆圈应有的右下象限上画一个正方形：|1193322|400+setwidth+240+setheight'#006a4e'setbg'#f42a41'allstyle'370px+Arial'font+69+226+to'●'text

'white'+allstyle
180+120+to
[80+go+90+turn]+4*|1193323|entityMap|0|LINK|mutability|MUTABLE|url|https://conorobrien-foxx.github.io/stacked/stacked.html|1|IMAGE|IMMUTABLE|imageUrl|https://i.stack.imgur.com/KaDEk.png|imageAlt|2|https://i.stack.imgur.com/hJ920.png|3|https://i.stack.imgur.com/5UL0y.png^0|0|0|0|5|0|0|0|1|1|0|0|0|1|2|0|0|0|0|0|1|3^^$0|@$1|2|3|4|5|6|7|1F|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1G|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|I|7|1H|8|@]|9|@$J|1I|K|1J|1|1K]]|A|$]]|$1|L|3|M|5|N|7|1L|8|@]|9|@$J|1M|K|1N|1|1O]]|A|$]]|$1|O|3|P|5|I|7|1P|8|@]|9|@]|A|$]]|$1|Q|3|M|5|N|7|1Q|8|@]|9|@$J|1R|K|1S|1|1T]]|A|$]]|$1|R|3|S|5|6|7|1U|8|@]|9|@]|A|$]]|$1|T|3|U|5|I|7|1V|8|@]|9|@]|A|$]]|$1|V|3|W|5|D|7|1W|8|@]|9|@]|A|$E|F]]|$1|X|3|M|5|N|7|1X|8|@]|9|@$J|1Y|K|1Z|1|20]]|A|$]]]|Y|$Z|$5|10|11|12|A|$13|14]]|15|$5|16|11|17|A|$18|19|1A|-4]]|1B|$5|16|11|17|A|$18|1C|1A|-4]]|1D|$5|16|11|17|A|$18|1E|1A|-4]]]]

<h1>stacked, 93 bytes</h1>
<pre><code>400 setwidth 240 setheight'#006a4e'setbg'#f42a41'allstyle'370px Arial'font 69 226 to'●'text
</code></pre>
<p><a href="https://conorobrien-foxx.github.io/stacked/stacked.html" rel="nofollow noreferrer">Online interpreter.</a> Here's the output generated (Firefox, latest version):</p>
<p><a href="https://i.stack.imgur.com/KaDEk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KaDEk.png" alt="picture of bangladesh flag generated by stacked program" /></a></p>
<p>Or, a screenshot of the webpage:</p>
<p><a href="https://i.stack.imgur.com/hJ920.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hJ920.png" alt="screenshot of the program and bangladesh flag it generates" /></a></p>
<h2>Explanation</h2>
<p>Simply initializes the canvas with appropriate dimensions, sets the appropriate background color, and then draws a bullet character of the correct font height and location. We have to do this because stacked has no native way of drawing circles arbitrarily. The correctness of these arbitrary values can be verified with the following program, which draws a square on the lower-right quadrant of where the circle ought to be:</p>
<pre><code>400 setwidth 240 setheight'#006a4e'setbg'#f42a41'allstyle'370px Arial'font 69 226 to'●'text

'white' allstyle
180 120 to
[80 go 90 turn] 4*
</code></pre>
<p><a href="https://i.stack.imgur.com/5UL0y.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5UL0y.png" alt="bangladesh flag with white measuring square on lower right quadrant" /></a></p>


blocks|key|1190871|text|HTML+/+Pug+%2B尾风，96字节|type|header-two|depth|inlineStyleRanges|entityRanges|data|1190872|.w-80.py-8.pl-20(style='background:#006a4e')
+.rounded-full.w-32.h-32(style='background:#f42a41')|code-block|syntax|javascript|1190873|测试|unstyled|offset|length|1190874|HTML+/+Pug+%2B尾风，稍微改变颜色，64字节|1190875|.w-80.py-8.pl-20.bg-green-800
+.rounded-full.w-32.h-32.bg-red-600|1190876|entityMap|0|LINK|mutability|MUTABLE|url|https://jsitor.com/26bCEpc2c|1|https://jsitor.com/yyuCSEocV^0|0|0|0|2|0|0|0|0|0|2|1^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|I|7|11|8|@]|9|@$J|12|K|13|1|14]]|A|$]]|$1|L|3|M|5|6|7|15|8|@]|9|@]|A|$]]|$1|N|3|O|5|D|7|16|8|@]|9|@]|A|$E|F]]|$1|P|3|H|5|I|7|17|8|@]|9|@$J|18|K|19|1|1A]]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W]]|X|$5|S|T|U|A|$V|Y]]]]

<h1>HTML / Pug + Tailwind, 96 bytes</h1>
<pre><code>.w-80.py-8.pl-20(style='background:#006a4e')
 .rounded-full.w-32.h-32(style='background:#f42a41')
</code></pre>
<p><a href="https://jsitor.com/26bCEpc2c" rel="nofollow noreferrer">Test</a></p>
<h1>HTML / Pug + Tailwind, slightly changed colors, 64 bytes</h1>
<pre><code>.w-80.py-8.pl-20.bg-green-800
 .rounded-full.w-32.h-32.bg-red-600
</code></pre>
<p><a href="https://jsitor.com/yyuCSEocV" rel="nofollow noreferrer">Test</a></p>


blocks|key|1189888|text|球拍，110个字节|type|header-two|depth|inlineStyleRanges|entityRanges|offset|length|data|1189889|#lang+slideshow
(pin-over(colorize(filled-rectangle+300+180)'(0+106+78))75+30(colorize(disk+120)'(244+42+65)))|code-block|syntax|javascript|1189890|不能在网上试试！，但这里有个截图：|unstyled|1189891|📷|atomic|entityMap|0|LINK|mutability|MUTABLE|url|https://racket-lang.org/|1|https://tio.run/##RYu7CoQwEAB7v2LB4rKFEGN8/I4kqy4uRhK5A38@5iqrgWEmzm6nK@da5mOFJOwpbeFXqZOPJnwpKhckRL5JLSxCvonkrtIKQac1tJPGjyrUA4wT4tgX/T6e0w6t@TfGWrAGhh4Rc34A|2|IMAGE|IMMUTABLE|imageUrl|https://i.stack.imgur.com/OZ9Ea.png|imageAlt^0|0|2|0|0|0|0|8|1|0|0|1|2^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@$A|14|B|15|1|16]]|C|$]]|$1|D|3|E|5|F|7|17|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|K|7|18|8|@]|9|@$A|19|B|1A|1|1B]]|C|$]]|$1|L|3|M|5|N|7|1C|8|@]|9|@$A|1D|B|1E|1|1F]]|C|$]]]|O|$P|$5|Q|R|S|C|$T|U]]|V|$5|Q|R|S|C|$T|W]]|X|$5|Y|R|Z|C|$10|11|12|-4]]]]

<h1><a href="https://racket-lang.org/" rel="nofollow noreferrer">Racket</a>, 110 bytes</h1>

<pre class="lang-lisp prettyprint-override"><code>#lang slideshow
(pin-over(colorize(filled-rectangle 300 180)'(0 106 78))75 30(colorize(disk 120)'(244 42 65)))
</code></pre>
<p><a href="https://tio.run/##RYu7CoQwEAB7v2LB4rKFEGN8/I4kqy4uRhK5A38@5iqrgWEmzm6nK@da5mOFJOwpbeFXqZOPJnwpKhckRL5JLSxCvonkrtIKQac1tJPGjyrUA4wT4tgX/T6e0w6t@TfGWrAGhh4Rc34A" rel="nofollow noreferrer" title="Racket – Try It Online">Can't try it online!</a>, but here's a screenshot:</p>
<p><a href="https://i.stack.imgur.com/OZ9Ea.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OZ9Ea.png" alt="enter image description here" /></a></p>


blocks|key|1190089|text|FLTK，135个字符|type|header-two|depth|inlineStyleRanges|entityRanges|data|1190090|Function{}{}{Fl_Window{}{xywh{0+0+500+300}box+BORDER_BOX+color+0x6a4eff}{Fl_Box{}{xywh{125+50+200+200}box+OFLAT_BOX+color+0xf42a41ff}}}|code-block|syntax|javascript|1190091|未高尔夫球：|unstyled|1190092|Function+{}+{}+{
++++Fl_Window+{}+{
++++++++xywh+{0+0+500+300}
++++++++box+BORDER_BOX
++++++++color+0x6a4eff
++++++}+{
++++++++Fl_Box+{}+{
++++++++++++xywh+{125+50+200+200}
++++++++++++box+OFLAT_BOX
++++++++++++color+0xf42a41ff
++++++++}
++++}
}|1190093|样本输出：|1190094|📷|atomic|offset|length|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://i.stack.imgur.com/oV2k1.png|imageAlt^0|0|0|0|0|0|0|1|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|I|7|12|8|@]|9|@]|A|$]]|$1|J|3|K|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|L|3|M|5|I|7|14|8|@]|9|@]|A|$]]|$1|N|3|O|5|P|7|15|8|@]|9|@$Q|16|R|17|1|18]]|A|$]]]|S|$T|$5|U|V|W|A|$X|Y|Z|-4]]]]

<h1>FLTK, 135 characters</h1>
<pre><code>Function{}{}{Fl_Window{}{xywh{0 0 500 300}box BORDER_BOX color 0x6a4eff}{Fl_Box{}{xywh{125 50 200 200}box OFLAT_BOX color 0xf42a41ff}}}
</code></pre>
<p>Ungolfed:</p>
<pre><code>Function {} {} {
    Fl_Window {} {
        xywh {0 0 500 300}
        box BORDER_BOX
        color 0x6a4eff
      } {
        Fl_Box {} {
            xywh {125 50 200 200}
            box OFLAT_BOX
            color 0xf42a41ff
        }
    }
}
</code></pre>
<p>Sample output:</p>
<p><img src="https://i.stack.imgur.com/oV2k1.png" alt="flag of Bangladesh" /></p>


blocks|key|1193519|text|Desmos，66字节|type|header-two|depth|inlineStyleRanges|entityRanges|data|1193520|这是：|unstyled|1193521|r=rgb(244,42,65)
g=rgb(0,106,78)
-9≤x≤11\left\{yy≤36\right\}
xx%2Byy≤16|code-block|syntax|javascript|1193522|这比另一个长，但另一个没有工作，因为\left和\right似乎是需要的。|offset|length|style|CODE|entityMap^0|0|0|0|I|5|O|6^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|S|8|@]|9|@]|A|$H|I]]|$1|J|3|K|5|D|7|T|8|@$L|U|M|V|N|O]|$L|W|M|X|N|O]]|9|@]|A|$]]]|P|$]]

<h1>Desmos, 66 bytes</h1>
<p>This:</p>
<pre><code>r=rgb(244,42,65)
g=rgb(0,106,78)
-9≤x≤11\left\{yy≤36\right\}
xx+yy≤16
</code></pre>
<p>This is longer than the other one, but that other one didn't work, as <code>\left</code> and <code>\right</code> seems to be needed.</p>


blocks|key|1191025|text|皮克谢，75字节|type|header-two|depth|inlineStyleRanges|entityRanges|offset|length|data|1191026|box+ht.45fill+27214+color+off
circle+at-3/80,0rad.15fill+0xf42a41+color+off|code-block|syntax|javascript|1191027|输出|1191028|<svg+xmlns="http://www.w3.org/2000/svg"+viewBox="0+0+112.32+69.12">
<path+d="M2,66L110,66L110,2L2,2Z"+style="fill:rgb(0,106,78);"></path>
<circle+cx="50"+cy="34"+r="21.6"+style="fill:rgb(244,42,65);"></circle>
</svg>|entityMap|0|LINK|mutability|MUTABLE|url|https://pikchr.org/home/doc/trunk/homepage.md^0|0|3|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|D|3|E|5|F|7|X|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Y|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|Z|8|@]|9|@]|C|$G|H]]]|M|$N|$5|O|P|Q|C|$R|S]]]]

<h1><a href="https://pikchr.org/home/doc/trunk/homepage.md" rel="nofollow noreferrer">Pikchr</a>, 75 bytes</h1>
<pre><code>box ht.45fill 27214 color off
circle at-3/80,0rad.15fill 0xf42a41 color off
</code></pre>
<h2>Output</h2>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112.32 69.12"&gt;
&lt;path d="M2,66L110,66L110,2L2,2Z" style="fill:rgb(0,106,78);"&gt;&lt;/path&gt;
&lt;circle cx="50" cy="34" r="21.6" style="fill:rgb(244,42,65);"&gt;&lt;/circle&gt;
&lt;/svg&gt;</code></pre>
</div>
</div>
</p>


<p>The flag of Bangladesh is very simple. It looks like below:</p>
<p><a href="https://i.stack.imgur.com/JaXP4.png" rel="noreferrer"><img src="https://i.stack.imgur.com/JaXP4.png" alt="enter image description here" /></a></p>
<p>The flag will be in bottle green (#006a4e) and rectangular in size in the proportion of length to width of 10:6, with a red circle in near middle. The red circle (#f42a41) will have a radius of one-fifth of the length of the flag. This image will help you to understand the proportions properly:</p>
<p><a href="https://i.stack.imgur.com/U4J11.png" rel="noreferrer"><img src="https://i.stack.imgur.com/U4J11.png" alt="enter image description here" /></a></p>
<p>In this Graphical output challenge, you need to draw the flag of Bangladesh like first image. Standard loopholes apply, Shortest code wins.</p>
<p>Resolution cannot be 0px, or <code>echo</code> style answers not supported.</p>
<p>Minimum resolution is <code>286*176</code></p>


Draw the flag of Bangladesh

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

孟加拉国的国旗很简单。如下所示：📷旗子为深绿色(#006a4e)，长宽之比为10:6，尺寸为长方形，中间有一个红色圆圈。红色圆圈(#f42a41)的半径是旗长的五分之一。这幅图片将帮助你正确理解比例：📷在这个图形输出挑战中，您需要像第一个图像一样绘制孟加拉国国旗。适用标准漏洞，最短代码获胜。分辨率不能是0px，或者不支持echo样式的答案。最小分辨率为286*176

问画孟加拉国国旗
EN

回答 18

Code Golf用户

Wolfram语言(数学)，23字节

Wolfram语言(数学)，78字节

Code Golf用户

SVG，67字节

Code Golf用户

SVG，74字节

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问画孟加拉国国旗EN

回答 18

Code Golf用户

Wolfram语言(数学)，23字节

Wolfram语言(数学)，78字节

Code Golf用户

SVG，67字节

Code Golf用户

SVG，74字节

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问画孟加拉国国旗
EN