Files
APS/.pic/Introduction/How FPGA works/fig_04.drawio.svg
footbooller b5410bcd4a Add dark theme to pictures (#168)
* feat(APS): changed dark theme

* feat(APS): changed photos

* feat(APS): new table colours

* feat(APS): fixed lines and colours

* feat(APS): fixed tables
2026-10-27 09:13:30 +03:00

163 lines
16 KiB
XML

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="363px" height="91px" viewBox="-0.5 -0.5 363 91" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;gHBXE7B5oa-5G9nuQ7HD&quot;&gt;5Vldk9o2FP01zKQPMLaFvfAIC5tmJp0msw9tnzIyFra6wnJlsZj99dW1JPzJhhSnZDb7Yuno855zda/EjtD9rngvcJb8xiPCRp4TFSO0Gnme67ie+gBy1Ai6m2sgFjQynSrgkb4QO9KgexqRvNFRcs4kzZrghqcp2cgGhoXgh2a3LWfNVTMckw7wuMGsi/5BI5lodObdVfivhMaJXdkNjH0h3jzFgu9Ts97IQ9vyTzfvsJ3LGJonOOKHGoTWI3QvOJe6tCvuCQNuLW163MOZ1tO+BUnlJQOMTs+Y7Y3pC7MxebRkSFKouZaJ3DEFuKqIGY1TVd6oVYhQwDMRkir6FqZhR6MIhi8FyekLDsupHFXPOE1lKY6/HPkrmGsvea4dAKbOpeBP5J4zruZdpTyFWbaUsRbUNdTYDlshRQ0yhr8nfEekOKoupjVAeoTxUd+Z6vqhUhwZmZKa2BbDxsfi08QVz6pgqO6nHXVo//zT0O5OnZvxPu2wTCJ18E2VC5nwmKeYrSt0WZ5mEhkmqz4fOc8Me38TKY8migGxTdlIQeWfZjiU/4LyxDe1VVFrWh1tJY0WEMcq5hXyQMGwsv2sDjnfi42xLdAQmPiqMIIwLOlzM/b10WyGfgJvqgT1XL8pqDtvTiGxiIk0o1pinbZxkX7+BeEKzP2IQ5WRvtvh6bI/PXMKTinKzNcI832nY+xMPISakWlsovSVOo1ttLdD+Habk2slCTqSuB1JmkfokFBJHjNcuulBXSCaQiVc0BeeSmyBtlASzt0QkchDTcedzuadSDTtiUTBAJHorkNbhzVrd+nMn1S0lpSD/SGXku8gaNvLA7Aa4Tw5Udxx9hq//XSquTJYd1fEcKWbEKacVkC/CeMx3XyJsST5hKYlveKLNwD/lu5TIvAmfkcA3+9JBeh6AWa3TAXugKkgV+FV2h78GY6NxkwfWKu6lv6+l4ympD72oZbm1X31ofz70XLM/H/LMfML7mY3yTGzoXKMMwnaKcYdJMO4075JB0039oXYCJwBg5uytl+9wbiIiHbm4J89vKSWblUEuhjO80b7gT5RM7zWrxLcglvGsfougCodjpa1BQF2s6I8IUxtWHWKw3dqw8oqx35+qY8ZbzhjOMuJHlzVlvWNBLH5ajNDrp7VbVD07rf+HFULoIhs9fLwuBgbd12c3PWVRaP++b/d8nMrhBb4kGZ7aVHlDmG7p8JgOzfboAqhX9lhKC7aM4Di7Si5uJFAn4ei/bINN4Vwyoy5RmtkYotOpNASMtVVozYPnISC34JsLmiLCLNUOjpXMdQT68o4N06512XS+U8Ktjwz3EZNKl7j4SwJ35+BI8l7KHBv6Uxvhbsr3OdtnqdrnAnAvpQPuLmyGLz/B8SvPLcHeMehaesdfdd9R8963tHzb39Hq2r147i+Plb/gUDrfwE=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
<defs/>
<g>
<rect x="0" y="25" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 40px; margin-left: 15px;">
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
A
</div>
</div>
</div>
</foreignObject>
<text x="15" y="44" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
A
</text>
</switch>
</g>
<rect x="77" y="25" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 40px; margin-left: 92px;">
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
Q
</div>
</div>
</div>
</foreignObject>
<text x="92" y="44" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
Q
</text>
</switch>
</g>
<path d="M 172 40 L 152 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 39px; margin-left: 143px;">
<div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); background-color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); white-space: nowrap;">
A
</div>
</div>
</div>
</foreignObject>
<text x="143" y="42" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
A
</text>
</switch>
</g>
<rect x="172" y="10" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 17px; margin-left: 173px;">
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
1
</div>
</div>
</div>
</foreignObject>
<text x="192" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
1
</text>
</switch>
</g>
<path d="M 26 40 L 37 40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 72.2 40 L 81 40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 68.35 40 L 35.35 56.5 L 35.35 23.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<ellipse cx="70.55" cy="40" rx="2.2" ry="2.2" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 215 40 L 232 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<ellipse cx="212" cy="40" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 41px; margin-left: 243px;">
<div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); background-color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); white-space: nowrap;">
Q
</div>
</div>
</div>
</foreignObject>
<text x="243" y="44" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
Q
</text>
</switch>
</g>
<rect x="282" y="0" width="80" height="90" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 78px; height: 1px; padding-top: 7px; margin-left: 284px;">
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<table style="float: right; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235)); border-collapse: collapse;" class="wikitable" border="1">
<tbody>
<tr style="background:#def;background:light-dark(#def, #204a71); text-align:center;">
<td style="border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
<b>
Input
</b>
</td>
<td style="border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
<b>
Output
</b>
<br/>
</td>
</tr>
<tr style="background:#def;background:light-dark(#def, #204a71); text-align:center;">
<td style="border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
A
</td>
<td style="border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
Q
<br/>
</td>
</tr>
<tr>
<td class="table-no2" style="background: #FFE3E3;background: light-dark(#FFE3E3, #7c3137); color: black; color: light-dark(black, #ffffff); vertical-align: middle; text-align: center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
0
</td>
<td class="table-yes2" style="background:#bfd;background:light-dark(#bfd, #006243); color:black; color:light-dark(black, #ffffff); vertical-align:middle; text-align:center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
1
<br/>
</td>
</tr>
<tr>
<td class="table-yes2" style="background:#bfd;background:light-dark(#bfd, #006243); color:black; color:light-dark(black, #ffffff); vertical-align:middle; text-align:center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
1
</td>
<td class="table-no2" style="background: #FFE3E3;background: light-dark(#FFE3E3, #7c3137); color: black; color: light-dark(black, #ffffff); vertical-align: middle; text-align: center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
0
<br/>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</foreignObject>
<text x="284" y="19" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
InputOutput...
</text>
</switch>
</g>
</g>
<switch>
<g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
<a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
<text text-anchor="middle" font-size="10px" x="50%" y="100%">
Text is not SVG - cannot display
</text>
</a>
</switch>
</svg>