| 12345678910 |
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 290" role="img" aria-labelledby="title desc">
- <title id="title">Bitset 的 AND OR XOR</title><desc id="desc">两行位串按列做与或异或,显示不同集合运算结果。</desc>
- <style>text{font-family:system-ui,sans-serif;fill:#172033}.on{fill:#bfdbfe;stroke:#2563eb;stroke-width:2}.off{fill:#f8fafc;stroke:#94a3b8;stroke-width:2}.note{font-size:18px}.label{font-size:20px;font-weight:700}</style>
- <text x="28" y="30" class="note">每一列互不干扰;CPU 可以把许多列一起算。</text>
- <text class="label" x="35" y="91">A</text><text class="label" x="35" y="145">B</text><text class="label" x="35" y="217">A & B</text>
- <g transform="translate(135 63)"><rect class="on" x="0" y="0" width="55" height="40"/><rect class="off" x="58" y="0" width="55" height="40"/><rect class="on" x="116" y="0" width="55" height="40"/><rect class="on" x="174" y="0" width="55" height="40"/><rect class="off" x="232" y="0" width="55" height="40"/><rect class="on" x="290" y="0" width="55" height="40"/><rect class="off" x="348" y="0" width="55" height="40"/><rect class="on" x="406" y="0" width="55" height="40"/>
- <rect class="off" x="0" y="55" width="55" height="40"/><rect class="on" x="58" y="55" width="55" height="40"/><rect class="on" x="116" y="55" width="55" height="40"/><rect class="off" x="174" y="55" width="55" height="40"/><rect class="on" x="232" y="55" width="55" height="40"/><rect class="on" x="290" y="55" width="55" height="40"/><rect class="off" x="348" y="55" width="55" height="40"/><rect class="off" x="406" y="55" width="55" height="40"/>
- <rect class="off" x="0" y="128" width="55" height="40"/><rect class="off" x="58" y="128" width="55" height="40"/><rect class="on" x="116" y="128" width="55" height="40"/><rect class="off" x="174" y="128" width="55" height="40"/><rect class="off" x="232" y="128" width="55" height="40"/><rect class="on" x="290" y="128" width="55" height="40"/><rect class="off" x="348" y="128" width="55" height="40"/><rect class="off" x="406" y="128" width="55" height="40"/></g>
- <text x="135" y="272" class="note">蓝色格为 1:交集只保留两行同时亮的列。</text>
- </svg>
|