Files
APS/.pic/Introduction/How FPGA works/fig_03.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

230 lines
23 KiB
XML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="430px" height="131px" viewBox="-0.5 -0.5 430 131" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;6zZEaZbo-aYXGPI05Ea4&quot;&gt;7VpNc+I4EP01VO0cSCELDDlCQmYPs1UzlcPunqZkLGxthOWVRYD8+lXbkr/5qIyB2QlzGKQnqd163U+SFffww2r7WZI4/EP4lPecgb/t4cee46ABcvQPILsMweP7DAgk802nAnhmb9SONOia+TSpdFRCcMXiKrgQUUQXqoIRKcWm2m0pePWpMQloA3heEN5E/2S+CjN04owL/HfKgtA+Gblmfh5ZvARSrCPzvJ6Dl+m/rHlFrC0z0SQkvtiUIDzv4QcphMpKq+0D5cCtpS0b97SnNfdb0kidMsDE6ZXwNbUep36pneXilUrFNDVfiEf5V5EwxUSkmzyhlFj18Cyfw0BXfJKE1DcVwlkAXRfaGyo1EKoV13Wki9bs1PRRIs5sxfDc1TaAzLqjXIdXQr87LgK2+B4QRZNSWY8RMZXEOLUV8JgmC4YYeCjdliDDymcqVlTJne5iWt1RNsIm8NAEbFOkAxoYLCylgmswYjIwyC0XUdAFE4j2oOBGUKaNqOhpqCqhDbLrDK+Y78PwmaQJeyNeagrCFAsWqdTf0aw3egRba6UDnaoSTCdKihf6IDiw+xiJCKwsGec1qAPeLc+Wdzxp8I5baMcd0D5s0D77sLS7l6N91KD924ehHY1qy4ytX4B3t8Ey9fUmaKpCqlAEIiJ8XqCzdGfLl/eizxcBq3fK3j9UqZ3Z0YHYatjolqm/SuW/wdTdyNQet8ZyWtnZSuRPYU8vmNfIE4OJpe1745CItVzYHd1sbDDHg5GRlOvN5LV6EGjj2Qz9CulURBSjmpLGtVApIgOqzKhatHI3Tgrg+AThwHTTjft86mnS7+6RQX5eM/YqZ542eQzuXIxxhU9j6AejhIZtRu14sVwm9EejM7mmvAYVeTm/kL7ypa++Ynavr/sTjmFX0dekK331dW7UBdZ3OlFY375JdCoqu7j+DKoa/8qqmpxNVQidcMy+iqxscnWxbyHXHXejIzRplWe3smq5BgDG62GpKmkTMkWfY5Im60a/rleDFQrJ3kSkyOE3/g5O0c5ocPRlfXimd3WEW25QXA5vK1m66DshIX3IVt3m/ruGm50ZKoqQXZwkSaV9w16YGV7qV0TCgksuiP6dQp5l84J+8LbUN1qBplwuJWcAR/E2XW+4now2EHi/aUL0jAf251N5TH8hOCdxQo3RvDYrO+kG5jejwBP6CrAOyta5lK/O9AOwT5eHbfuZF0lMoooh5whp76Bgnw9eDmhF3Ds9ned65dTl2Tz9f5gieXedTF7dhMZgJi1zu7jnsxb/D3juyZPmAqA8Zw6chafpleJzrbz41lVUT3O4GmftGn56muM5NgtidtECLR7XXTPU7h/lpS3f8Ltf9g4u0Oni3I+E02Ry8K4I3gj5gITctPYTpBb2ln6VikM87CXh/AzsaNJCATpOwdED6PGkAb/RZJy57MCdS1pw0KfzZtGhQ+clE83ymR422wg7HJhsWLfHp1uu39a/TrbWa2n7Igyhm9yuKrcbBZlbJV2N88L/TGDtFHVymgWw7a4IcHMPZvD2LwOO3EW2/km/g5tHPLqvfa6Cm58JoZarR/SOv+DravFhWHbLW3x9h+f/AQ==&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>
<path d="M 105 37 L 125 37 M 25 22 L 48 22 M 25 52 L 48 52" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 35 7 C 45.72 25.56 45.72 48.44 35 67" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 65 7 C 82.47 7.56 98.06 19.25 105 37 C 98.06 54.75 82.47 66.44 65 67 L 40 67 C 50.72 48.44 50.72 25.56 40 7 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));"/>
<rect x="0" y="5" 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: 20px; 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="24" 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="0" y="35" 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: 50px; 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;">
B
</div>
</div>
</div>
</foreignObject>
<text x="15" y="54" 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));">
B
</text>
</switch>
</g>
<rect x="115" y="22" 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: 37px; margin-left: 130px;">
<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="130" y="41" 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 250 37 L 270 37" 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: 38px; margin-left: 281px;">
<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="281" y="41" 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>
<path d="M 210 22 L 190 22" 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: 21px; margin-left: 181px;">
<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="181" y="24" 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>
<path d="M 210 52 L 190 52" 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: 51px; margin-left: 181px;">
<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;">
B
</div>
</div>
</div>
</foreignObject>
<text x="181" y="54" 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));">
B
</text>
</switch>
</g>
<rect x="210" y="7" 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: 14px; margin-left: 211px;">
<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="230" y="26" 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>
<rect x="319" y="0" width="110" height="130" 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: 108px; height: 1px; padding-top: 7px; margin-left: 321px;">
<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; text-align: center; 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);">
<td colspan="2" style="border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
<b>
Входы
</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>
Выход
</b>
<br/>
</td>
</tr>
<tr style="background:#def;background:light-dark(#def, #204a71);">
<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));">
B
</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-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-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>
<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
</td>
<td class="table-no2" style="background: rgb(187, 255, 221);background: light-dark(rgb(187, 255, 221), rgb(0, 98, 67)); color: black; color: light-dark(black, #ffffff); vertical-align: middle; text-align: center; border-collapse: collapse; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));" border="1">
<span style="">
1
</span>
<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
</td>
<td class="table-no2" style="background: rgb(187, 255, 221);background: light-dark(rgb(187, 255, 221), rgb(0, 98, 67)); 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-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-yes2" style="background: rgb(255, 227, 227);background: light-dark(rgb(255, 227, 227), rgb(124, 49, 55)); 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="321" 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));">
ВходыВыходABQ...
</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>