← Commit history

Update 2 file(s)

Ray ·74e45d1c4a · ·parent 39cfa5c
2 files changed +6−6
viewers/footprint.html+3−3
@@ -1,5 +1,5 @@ <!doctype html><html lang=en><head><meta charset=utf-8>-<meta name=viewport content="width=device-width,initial-scale=1"><title>RAY/BNO055 footprint</title>+<meta name=viewport content="width=device-width,initial-scale=1"><title>ADOM/BNO055 footprint</title> <style> :root{--bg:#0d1117;--panel:#161b22;--edge:#30363d;--ink:#e6edf3;--mut:#8b949e;--acc:#00b8b0;--accb:#00e6dc;--hi:#6ea8fe} *{box-sizing:border-box;margin:0}html,body{height:100%}@@ -23,10 +23,10 @@ rect.pad.hi{stroke:var(--hi);stroke-width:.15;paint-order:stroke} #tip .td{font-size:11px;color:var(--ink);margin-top:5px;line-height:1.4} </style></head><body> <div class=bar><span class=h>PCB footprint</span><span class=sp></span><button class="lyrtog on" data-lyr="copper"><span class="d" style="background:#e35d5d"></span>Copper</button><button class="lyrtog on" data-lyr="silk"><span class="d" style="background:#e6edf3"></span>Silkscreen</button><button class="lyrtog" data-lyr="fab"><span class="d" style="background:#8b949e"></span>Fab</button><button class="lyrtog" data-lyr="courtyard"><span class="d" style="background:#bc8cff"></span>Courtyard</button></div>-<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-3.380 -2.650 6.760 5.300' style='width:100%;height:100%'><line class='ly-silk' x1='-2.710' y1='2.010' x2='-2.710' y2='1.750' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-2.710' y1='2.010' x2='-2.450' y2='2.010' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.710' y1='-2.010' x2='2.450' y2='-2.010' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.710' y1='-2.010' x2='2.710' y2='-1.750' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.710' y1='2.010' x2='2.450' y2='2.010' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.710' y1='2.010' x2='2.710' y2='1.750' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-courtyard' x1='-2.980' y1='-2.250' x2='-2.980' y2='2.250' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.980' y1='2.250' x2='2.980' y2='2.250' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.980' y1='-2.250' x2='-2.980' y2='-2.250' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.980' y1='2.250' x2='2.980' y2='-2.250' stroke='#4ade80' stroke-width='0.050'/><line class='ly-fab' x1='-2.600' y1='-1.400' x2='-2.600' y2='1.900' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='-2.600' y1='-1.400' x2='-2.100' y2='-1.900' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='-2.600' y1='1.900' x2='2.600' y2='1.900' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='2.600' y1='-1.900' x2='-2.100' y2='-1.900' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='2.600' y1='1.900' x2='2.600' y2='-1.900' stroke='#f472b6' stroke-width='0.100'/><rect class='ly-copper pad' data-num='1' data-name='PIN1' x='-2.377' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.250' y='-1.663' font-size='0.350' transform='rotate(-90 -2.250 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>1</text><rect class='ly-copper pad' data-num='2' data-name='GND' x='-2.514' y='-1.087' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.388' y='-0.750' font-size='0.350' transform='rotate(-90 -2.388 -0.750)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>2</text><rect class='ly-copper pad' data-num='3' data-name='VDD' x='-2.514' y='-0.588' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.388' y='-0.250' font-size='0.350' transform='rotate(-90 -2.388 -0.250)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>3</text><rect class='ly-copper pad' data-num='4' data-name='~{BOOT_LOAD_PIN}' x='-2.514' y='-0.088' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.388' y='0.250' font-size='0.350' transform='rotate(-90 -2.388 0.250)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>4</text><rect class='ly-copper pad' data-num='5' data-name='PS1' x='-2.514' y='0.412' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.388' y='0.750' font-size='0.350' transform='rotate(-90 -2.388 0.750)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>5</text><rect class='ly-copper pad' data-num='6' data-name='PS0' x='-2.377' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.250' y='1.663' font-size='0.350' transform='rotate(-90 -2.250 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>6</text><rect class='ly-copper pad' data-num='7' data-name='PIN7' x='-1.877' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.750' y='1.663' font-size='0.350' transform='rotate(-90 -1.750 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>7</text><rect class='ly-copper pad' data-num='8' data-name='PIN8' x='-1.377' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.250' y='1.663' font-size='0.350' transform='rotate(-90 -1.250 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>8</text><rect class='ly-copper pad' data-num='9' data-name='CAP' x='-0.877' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.750' y='1.663' font-size='0.350' transform='rotate(-90 -0.750 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>9</text><rect class='ly-copper pad' data-num='10' data-name='BL_IND' x='-0.377' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.250' y='1.663' font-size='0.350' transform='rotate(-90 -0.250 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>10</text><rect class='ly-copper pad' data-num='11' data-name='~{RESET}' x='0.123' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.250' y='1.663' font-size='0.350' transform='rotate(-90 0.250 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>11</text><rect class='ly-copper pad' data-num='12' data-name='PIN12' x='0.623' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.750' y='1.663' font-size='0.350' transform='rotate(-90 0.750 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>12</text><rect class='ly-copper pad' data-num='13' data-name='PIN13' x='1.123' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.250' y='1.663' font-size='0.350' transform='rotate(-90 1.250 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>13</text><rect class='ly-copper pad' data-num='14' data-name='INT' x='1.623' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.750' y='1.663' font-size='0.350' transform='rotate(-90 1.750 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>14</text><rect class='ly-copper pad' data-num='15' data-name='PIN15' x='2.123' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.250' y='1.663' font-size='0.350' transform='rotate(-90 2.250 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>15</text><rect class='ly-copper pad' data-num='16' data-name='PIN16' x='2.261' y='0.412' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.388' y='0.750' font-size='0.350' transform='rotate(-90 2.388 0.750)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>16</text><rect class='ly-copper pad' data-num='17' data-name='COM3' x='2.261' y='-0.088' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.388' y='0.250' font-size='0.350' transform='rotate(-90 2.388 0.250)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>17</text><rect class='ly-copper pad' data-num='18' data-name='COM2' x='2.261' y='-0.588' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.388' y='-0.250' font-size='0.350' transform='rotate(-90 2.388 -0.250)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>18</text><rect class='ly-copper pad' data-num='19' data-name='COM1' x='2.261' y='-1.087' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.388' y='-0.750' font-size='0.350' transform='rotate(-90 2.388 -0.750)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>19</text><rect class='ly-copper pad' data-num='20' data-name='COM0' x='2.123' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.250' y='-1.663' font-size='0.350' transform='rotate(-90 2.250 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>20</text><rect class='ly-copper pad' data-num='21' data-name='PIN21' x='1.623' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.750' y='-1.663' font-size='0.350' transform='rotate(-90 1.750 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>21</text><rect class='ly-copper pad' data-num='22' data-name='PIN22' x='1.123' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.250' y='-1.663' font-size='0.350' transform='rotate(-90 1.250 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>22</text><rect class='ly-copper pad' data-num='23' data-name='PIN23' x='0.623' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.750' y='-1.663' font-size='0.350' transform='rotate(-90 0.750 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>23</text><rect class='ly-copper pad' data-num='24' data-name='PIN24' x='0.123' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.250' y='-1.663' font-size='0.350' transform='rotate(-90 0.250 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>24</text><rect class='ly-copper pad' data-num='25' data-name='GNDIO' x='-0.377' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.250' y='-1.663' font-size='0.350' transform='rotate(-90 -0.250 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>25</text><rect class='ly-copper pad' data-num='26' data-name='XOUT32' x='-0.877' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.750' y='-1.663' font-size='0.350' transform='rotate(-90 -0.750 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>26</text><rect class='ly-copper pad' data-num='27' data-name='XIN32' x='-1.377' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.250' y='-1.663' font-size='0.350' transform='rotate(-90 -1.250 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>27</text><rect class='ly-copper pad' data-num='28' data-name='VDDIO' x='-1.877' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.750' y='-1.663' font-size='0.350' transform='rotate(-90 -1.750 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>28</text></svg></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-3.470 -2.770 6.850 5.420' style='width:100%;height:100%'><line class='ly-silk' x1='-2.710' y1='2.010' x2='-2.710' y2='1.750' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-2.710' y1='2.010' x2='-2.450' y2='2.010' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.710' y1='-2.010' x2='2.450' y2='-2.010' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.710' y1='-2.010' x2='2.710' y2='-1.750' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.710' y1='2.010' x2='2.450' y2='2.010' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.710' y1='2.010' x2='2.710' y2='1.750' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-courtyard' x1='-2.980' y1='-2.250' x2='-2.980' y2='2.250' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.980' y1='2.250' x2='2.980' y2='2.250' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.980' y1='-2.250' x2='-2.980' y2='-2.250' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.980' y1='2.250' x2='2.980' y2='-2.250' stroke='#4ade80' stroke-width='0.050'/><line class='ly-fab' x1='-2.600' y1='-1.400' x2='-2.600' y2='1.900' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='-2.600' y1='-1.400' x2='-2.100' y2='-1.900' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='-2.600' y1='1.900' x2='2.600' y2='1.900' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='2.600' y1='-1.900' x2='-2.100' y2='-1.900' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='2.600' y1='1.900' x2='2.600' y2='-1.900' stroke='#f472b6' stroke-width='0.100'/><polygon class='ly-silk' points='-2.710,-2.010 -3.070,-2.010 -2.710,-2.370 -2.710,-2.010' fill='#d8b4fe' stroke='none'/><rect class='ly-copper pad' data-num='1' data-name='PIN1' x='-2.377' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.250' y='-1.663' font-size='0.350' transform='rotate(-90 -2.250 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>1</text><rect class='ly-copper pad' data-num='2' data-name='GND' x='-2.514' y='-1.087' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.388' y='-0.750' font-size='0.350' transform='rotate(-90 -2.388 -0.750)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>2</text><rect class='ly-copper pad' data-num='3' data-name='VDD' x='-2.514' y='-0.588' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.388' y='-0.250' font-size='0.350' transform='rotate(-90 -2.388 -0.250)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>3</text><rect class='ly-copper pad' data-num='4' data-name='~{BOOT_LOAD_PIN}' x='-2.514' y='-0.088' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.388' y='0.250' font-size='0.350' transform='rotate(-90 -2.388 0.250)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>4</text><rect class='ly-copper pad' data-num='5' data-name='PS1' x='-2.514' y='0.412' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.388' y='0.750' font-size='0.350' transform='rotate(-90 -2.388 0.750)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>5</text><rect class='ly-copper pad' data-num='6' data-name='PS0' x='-2.377' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.250' y='1.663' font-size='0.350' transform='rotate(-90 -2.250 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>6</text><rect class='ly-copper pad' data-num='7' data-name='SWDIO' x='-1.877' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.750' y='1.663' font-size='0.350' transform='rotate(-90 -1.750 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>7</text><rect class='ly-copper pad' data-num='8' data-name='SWCLK' x='-1.377' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.250' y='1.663' font-size='0.350' transform='rotate(-90 -1.250 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>8</text><rect class='ly-copper pad' data-num='9' data-name='CAP' x='-0.877' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.750' y='1.663' font-size='0.350' transform='rotate(-90 -0.750 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>9</text><rect class='ly-copper pad' data-num='10' data-name='BL_IND' x='-0.377' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.250' y='1.663' font-size='0.350' transform='rotate(-90 -0.250 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>10</text><rect class='ly-copper pad' data-num='11' data-name='~{RESET}' x='0.123' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.250' y='1.663' font-size='0.350' transform='rotate(-90 0.250 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>11</text><rect class='ly-copper pad' data-num='12' data-name='PIN12' x='0.623' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.750' y='1.663' font-size='0.350' transform='rotate(-90 0.750 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>12</text><rect class='ly-copper pad' data-num='13' data-name='PIN13' x='1.123' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.250' y='1.663' font-size='0.350' transform='rotate(-90 1.250 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>13</text><rect class='ly-copper pad' data-num='14' data-name='INT' x='1.623' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.750' y='1.663' font-size='0.350' transform='rotate(-90 1.750 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>14</text><rect class='ly-copper pad' data-num='15' data-name='PIN15' x='2.123' y='1.325' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.250' y='1.663' font-size='0.350' transform='rotate(-90 2.250 1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>15</text><rect class='ly-copper pad' data-num='16' data-name='PIN16' x='2.261' y='0.412' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.388' y='0.750' font-size='0.350' transform='rotate(-90 2.388 0.750)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>16</text><rect class='ly-copper pad' data-num='17' data-name='COM3' x='2.261' y='-0.088' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.388' y='0.250' font-size='0.350' transform='rotate(-90 2.388 0.250)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>17</text><rect class='ly-copper pad' data-num='18' data-name='COM2' x='2.261' y='-0.588' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.388' y='-0.250' font-size='0.350' transform='rotate(-90 2.388 -0.250)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>18</text><rect class='ly-copper pad' data-num='19' data-name='COM1' x='2.261' y='-1.087' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.388' y='-0.750' font-size='0.350' transform='rotate(-90 2.388 -0.750)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>19</text><rect class='ly-copper pad' data-num='20' data-name='COM0' x='2.123' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.250' y='-1.663' font-size='0.350' transform='rotate(-90 2.250 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>20</text><rect class='ly-copper pad' data-num='21' data-name='PIN21' x='1.623' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.750' y='-1.663' font-size='0.350' transform='rotate(-90 1.750 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>21</text><rect class='ly-copper pad' data-num='22' data-name='PIN22' x='1.123' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.250' y='-1.663' font-size='0.350' transform='rotate(-90 1.250 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>22</text><rect class='ly-copper pad' data-num='23' data-name='PIN23' x='0.623' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.750' y='-1.663' font-size='0.350' transform='rotate(-90 0.750 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>23</text><rect class='ly-copper pad' data-num='24' data-name='PIN24' x='0.123' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.250' y='-1.663' font-size='0.350' transform='rotate(-90 0.250 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>24</text><rect class='ly-copper pad' data-num='25' data-name='GNDIO' x='-0.377' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.250' y='-1.663' font-size='0.350' transform='rotate(-90 -0.250 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>25</text><rect class='ly-copper pad' data-num='26' data-name='XOUT32' x='-0.877' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.750' y='-1.663' font-size='0.350' transform='rotate(-90 -0.750 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>26</text><rect class='ly-copper pad' data-num='27' data-name='XIN32' x='-1.377' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.250' y='-1.663' font-size='0.350' transform='rotate(-90 -1.250 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>27</text><rect class='ly-copper pad' data-num='28' data-name='VDDIO' x='-1.877' y='-2.000' width='0.254' height='0.675' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.750' y='-1.663' font-size='0.350' transform='rotate(-90 -1.750 -1.663)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>28</text></svg></div> <div id=tip></div> <script>-var KIND="footprint", MPN="RAY/BNO055", PINS=[{"desc":"","name":"PIN1","number":"1","type":""},{"desc":"","name":"GND","number":"2","type":""},{"desc":"","name":"VDD","number":"3","type":""},{"desc":"","name":"~{BOOT_LOAD_PIN}","number":"4","type":""},{"desc":"","name":"PS1","number":"5","type":""},{"desc":"","name":"PS0","number":"6","type":""},{"desc":"","name":"PIN7","number":"7","type":""},{"desc":"","name":"PIN8","number":"8","type":""},{"desc":"","name":"CAP","number":"9","type":""},{"desc":"","name":"BL_IND","number":"10","type":""},{"desc":"","name":"~{RESET}","number":"11","type":""},{"desc":"","name":"PIN12","number":"12","type":""},{"desc":"","name":"PIN13","number":"13","type":""},{"desc":"","name":"INT","number":"14","type":""},{"desc":"","name":"PIN15","number":"15","type":""},{"desc":"","name":"PIN16","number":"16","type":""},{"desc":"","name":"COM3","number":"17","type":""},{"desc":"","name":"COM2","number":"18","type":""},{"desc":"","name":"COM1","number":"19","type":""},{"desc":"","name":"COM0","number":"20","type":""},{"desc":"","name":"PIN21","number":"21","type":""},{"desc":"","name":"PIN22","number":"22","type":""},{"desc":"","name":"PIN23","number":"23","type":""},{"desc":"","name":"PIN24","number":"24","type":""},{"desc":"","name":"GNDIO","number":"25","type":""},{"desc":"","name":"XOUT32","number":"26","type":""},{"desc":"","name":"XIN32","number":"27","type":""},{"desc":"","name":"VDDIO","number":"28","type":""}];+var KIND="footprint", MPN="ADOM/BNO055", PINS=[{"desc":"","name":"PIN1","number":"1","type":""},{"desc":"","name":"GND","number":"2","type":""},{"desc":"","name":"VDD","number":"3","type":""},{"desc":"","name":"~{BOOT_LOAD_PIN}","number":"4","type":""},{"desc":"","name":"PS1","number":"5","type":""},{"desc":"","name":"PS0","number":"6","type":""},{"desc":"","name":"SWDIO","number":"7","type":""},{"desc":"","name":"SWCLK","number":"8","type":""},{"desc":"","name":"CAP","number":"9","type":""},{"desc":"","name":"BL_IND","number":"10","type":""},{"desc":"","name":"~{RESET}","number":"11","type":""},{"desc":"","name":"PIN12","number":"12","type":""},{"desc":"","name":"PIN13","number":"13","type":""},{"desc":"","name":"INT","number":"14","type":""},{"desc":"","name":"PIN15","number":"15","type":""},{"desc":"","name":"PIN16","number":"16","type":""},{"desc":"","name":"COM3","number":"17","type":""},{"desc":"","name":"COM2","number":"18","type":""},{"desc":"","name":"COM1","number":"19","type":""},{"desc":"","name":"COM0","number":"20","type":""},{"desc":"","name":"PIN21","number":"21","type":""},{"desc":"","name":"PIN22","number":"22","type":""},{"desc":"","name":"PIN23","number":"23","type":""},{"desc":"","name":"PIN24","number":"24","type":""},{"desc":"","name":"GNDIO","number":"25","type":""},{"desc":"","name":"XOUT32","number":"26","type":""},{"desc":"","name":"XIN32","number":"27","type":""},{"desc":"","name":"VDDIO","number":"28","type":""}]; var byNum={}; PINS.forEach(function(p){byNum[String(p.number)]=p;}); var stage=document.getElementById('stage'), svg=stage.querySelector('svg'), tip=document.getElementById('tip'); // ---- pan/zoom ----
viewers/symbol.html+3−3
@@ -1,5 +1,5 @@ <!doctype html><html lang=en><head><meta charset=utf-8>-<meta name=viewport content="width=device-width,initial-scale=1"><title>RAY/BNO055 symbol</title>+<meta name=viewport content="width=device-width,initial-scale=1"><title>ADOM/BNO055 symbol</title> <style> :root{--bg:#0d1117;--panel:#161b22;--edge:#30363d;--ink:#e6edf3;--mut:#8b949e;--acc:#00b8b0;--accb:#00e6dc;--hi:#6ea8fe} *{box-sizing:border-box;margin:0}html,body{height:100%}@@ -23,10 +23,10 @@ rect.pad.hi{stroke:var(--hi);stroke-width:.15;paint-order:stroke} #tip .td{font-size:11px;color:var(--ink);margin-top:5px;line-height:1.4} </style></head><body> <div class=bar><span class=h>Schematic symbol</span><span class=sp></span></div>-<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-650 -750 1300 1500' style='width:100%;height:100%'><rect x='-500.0' y='-600.0' width='1000.0' height='1200.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='PIN1'><line class='pinvis' x1='-500.0' y1='-400.0' x2='-400.0' y2='-400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='-400.0' x2='-400.0' y2='-400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='-362.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-375.0' y='-400.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PIN1</text><g class='pingroup' data-num='2' data-name='GND'><line class='pinvis' x1='-100.0' y1='700.0' x2='-100.0' y2='600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-100.0' y1='700.0' x2='-100.0' y2='600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-62.5' y='650.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-100.0' y='575.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>GND</text><g class='pingroup' data-num='3' data-name='VDD'><line class='pinvis' x1='-100.0' y1='-700.0' x2='-100.0' y2='-600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-100.0' y1='-700.0' x2='-100.0' y2='-600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-137.5' y='-650.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='-100.0' y='-575.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VDD</text><g class='pingroup' data-num='4' data-name='~{BOOT_LOAD_PIN}'><line class='pinvis' x1='-600.0' y1='-100.0' x2='-500.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-600.0' y1='-100.0' x2='-500.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-550.0' y='-62.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='-475.0' y='-100.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>~{BOOT_LOAD_PIN}</text><g class='pingroup' data-num='5' data-name='PS1'><line class='pinvis' x1='600.0' y1='400.0' x2='500.0' y2='400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='400.0' x2='500.0' y2='400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='362.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='475.0' y='400.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PS1</text><g class='pingroup' data-num='6' data-name='PS0'><line class='pinvis' x1='600.0' y1='300.0' x2='500.0' y2='300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='300.0' x2='500.0' y2='300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='262.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='475.0' y='300.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PS0</text><g class='pingroup' data-num='7' data-name='PIN7'><line class='pinvis' x1='-500.0' y1='-200.0' x2='-400.0' y2='-200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='-200.0' x2='-400.0' y2='-200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='-162.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='-375.0' y='-200.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PIN7</text><g class='pingroup' data-num='8' data-name='PIN8'><line class='pinvis' x1='-500.0' y1='100.0' x2='-400.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='100.0' x2='-400.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='137.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='-375.0' y='100.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PIN8</text><g class='pingroup' data-num='9' data-name='CAP'><line class='pinvis' x1='600.0' y1='500.0' x2='500.0' y2='500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='500.0' x2='500.0' y2='500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='462.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='475.0' y='500.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CAP</text><g class='pingroup' data-num='10' data-name='BL_IND'><line class='pinvis' x1='-600.0' y1='-0.0' x2='-500.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-600.0' y1='-0.0' x2='-500.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-550.0' y='37.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='-475.0' y='0.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>BL_IND</text><g class='pingroup' data-num='11' data-name='~{RESET}'><line class='pinvis' x1='-600.0' y1='-500.0' x2='-500.0' y2='-500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-600.0' y1='-500.0' x2='-500.0' y2='-500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-550.0' y='-462.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='-475.0' y='-500.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>~{RESET}</text><g class='pingroup' data-num='12' data-name='PIN12'><line class='pinvis' x1='500.0' y1='-400.0' x2='400.0' y2='-400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-400.0' x2='400.0' y2='-400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-437.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='375.0' y='-400.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PIN12</text><g class='pingroup' data-num='13' data-name='PIN13'><line class='pinvis' x1='500.0' y1='-300.0' x2='400.0' y2='-300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-300.0' x2='400.0' y2='-300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-337.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='375.0' y='-300.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PIN13</text><g class='pingroup' data-num='14' data-name='INT'><line class='pinvis' x1='-600.0' y1='-300.0' x2='-500.0' y2='-300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-600.0' y1='-300.0' x2='-500.0' y2='-300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-550.0' y='-262.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='-475.0' y='-300.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>INT</text><g class='pingroup' data-num='15' data-name='PIN15'><line class='pinvis' x1='200.0' y1='600.0' x2='200.0' y2='500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='200.0' y1='600.0' x2='200.0' y2='500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='237.5' y='550.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='200.0' y='475.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>PIN15</text><g class='pingroup' data-num='16' data-name='PIN16'><line class='pinvis' x1='300.0' y1='600.0' x2='300.0' y2='500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='300.0' y1='600.0' x2='300.0' y2='500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='337.5' y='550.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='300.0' y='475.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>PIN16</text><g class='pingroup' data-num='17' data-name='COM3'><line class='pinvis' x1='-600.0' y1='500.0' x2='-500.0' y2='500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-600.0' y1='500.0' x2='-500.0' y2='500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-550.0' y='537.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>17</text><text x='-475.0' y='500.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>COM3</text><g class='pingroup' data-num='18' data-name='COM2'><line class='pinvis' x1='-600.0' y1='400.0' x2='-500.0' y2='400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-600.0' y1='400.0' x2='-500.0' y2='400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-550.0' y='437.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>18</text><text x='-475.0' y='400.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>COM2</text><g class='pingroup' data-num='19' data-name='COM1'><line class='pinvis' x1='-600.0' y1='300.0' x2='-500.0' y2='300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-600.0' y1='300.0' x2='-500.0' y2='300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-550.0' y='337.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>19</text><text x='-475.0' y='300.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>COM1</text><g class='pingroup' data-num='20' data-name='COM0'><line class='pinvis' x1='-600.0' y1='200.0' x2='-500.0' y2='200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-600.0' y1='200.0' x2='-500.0' y2='200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-550.0' y='237.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>20</text><text x='-475.0' y='200.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>COM0</text><g class='pingroup' data-num='21' data-name='PIN21'><line class='pinvis' x1='500.0' y1='-200.0' x2='400.0' y2='-200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-200.0' x2='400.0' y2='-200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-237.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>21</text><text x='375.0' y='-200.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PIN21</text><g class='pingroup' data-num='22' data-name='PIN22'><line class='pinvis' x1='500.0' y1='-100.0' x2='400.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-100.0' x2='400.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-137.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>22</text><text x='375.0' y='-100.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PIN22</text><g class='pingroup' data-num='23' data-name='PIN23'><line class='pinvis' x1='500.0' y1='100.0' x2='400.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='100.0' x2='400.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='62.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>23</text><text x='375.0' y='100.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PIN23</text><g class='pingroup' data-num='24' data-name='PIN24'><line class='pinvis' x1='500.0' y1='200.0' x2='400.0' y2='200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='200.0' x2='400.0' y2='200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='162.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>24</text><text x='375.0' y='200.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PIN24</text><g class='pingroup' data-num='25' data-name='GNDIO'><line class='pinvis' x1='100.0' y1='700.0' x2='100.0' y2='600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='100.0' y1='700.0' x2='100.0' y2='600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='137.5' y='650.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>25</text><text x='100.0' y='575.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>GNDIO</text><g class='pingroup' data-num='26' data-name='XOUT32'><line class='pinvis' x1='600.0' y1='-500.0' x2='500.0' y2='-500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='-500.0' x2='500.0' y2='-500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='-537.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>26</text><text x='475.0' y='-500.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>XOUT32</text><g class='pingroup' data-num='27' data-name='XIN32'><line class='pinvis' x1='600.0' y1='-0.0' x2='500.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='-0.0' x2='500.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='-37.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>27</text><text x='475.0' y='0.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>XIN32</text><g class='pingroup' data-num='28' data-name='VDDIO'><line class='pinvis' x1='100.0' y1='-700.0' x2='100.0' y2='-600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='100.0' y1='-700.0' x2='100.0' y2='-600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='62.5' y='-650.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>28</text><text x='100.0' y='-575.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VDDIO</text></svg></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-650 -750 1300 1500' style='width:100%;height:100%'><rect x='-500.0' y='-600.0' width='1000.0' height='1200.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='PIN1'><line class='pinvis' x1='-500.0' y1='-400.0' x2='-400.0' y2='-400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='-400.0' x2='-400.0' y2='-400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='-362.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-375.0' y='-400.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PIN1</text><g class='pingroup' data-num='2' data-name='GND'><line class='pinvis' x1='-100.0' y1='700.0' x2='-100.0' y2='600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-100.0' y1='700.0' x2='-100.0' y2='600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-62.5' y='650.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-100.0' y='575.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>GND</text><g class='pingroup' data-num='3' data-name='VDD'><line class='pinvis' x1='-100.0' y1='-700.0' x2='-100.0' y2='-600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-100.0' y1='-700.0' x2='-100.0' y2='-600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-137.5' y='-650.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='-100.0' y='-575.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VDD</text><g class='pingroup' data-num='4' data-name='~{BOOT_LOAD_PIN}'><line class='pinvis' x1='-600.0' y1='-100.0' x2='-500.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-600.0' y1='-100.0' x2='-500.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-550.0' y='-62.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='-475.0' y='-100.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>~{BOOT_LOAD_PIN}</text><g class='pingroup' data-num='5' data-name='PS1'><line class='pinvis' x1='600.0' y1='400.0' x2='500.0' y2='400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='400.0' x2='500.0' y2='400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='362.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='475.0' y='400.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PS1</text><g class='pingroup' data-num='6' data-name='PS0'><line class='pinvis' x1='600.0' y1='300.0' x2='500.0' y2='300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='300.0' x2='500.0' y2='300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='262.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='475.0' y='300.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PS0</text><g class='pingroup' data-num='7' data-name='SWDIO'><line class='pinvis' x1='-500.0' y1='-200.0' x2='-400.0' y2='-200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='-200.0' x2='-400.0' y2='-200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='-162.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='-375.0' y='-200.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>SWDIO</text><g class='pingroup' data-num='8' data-name='SWCLK'><line class='pinvis' x1='-500.0' y1='100.0' x2='-400.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='100.0' x2='-400.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='137.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='-375.0' y='100.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>SWCLK</text><g class='pingroup' data-num='9' data-name='CAP'><line class='pinvis' x1='600.0' y1='500.0' x2='500.0' y2='500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='500.0' x2='500.0' y2='500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='462.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='475.0' y='500.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CAP</text><g class='pingroup' data-num='10' data-name='BL_IND'><line class='pinvis' x1='-600.0' y1='-0.0' x2='-500.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-600.0' y1='-0.0' x2='-500.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-550.0' y='37.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='-475.0' y='0.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>BL_IND</text><g class='pingroup' data-num='11' data-name='~{RESET}'><line class='pinvis' x1='-600.0' y1='-500.0' x2='-500.0' y2='-500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-600.0' y1='-500.0' x2='-500.0' y2='-500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-550.0' y='-462.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='-475.0' y='-500.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>~{RESET}</text><g class='pingroup' data-num='12' data-name='PIN12'><line class='pinvis' x1='500.0' y1='-400.0' x2='400.0' y2='-400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-400.0' x2='400.0' y2='-400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-437.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='375.0' y='-400.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PIN12</text><g class='pingroup' data-num='13' data-name='PIN13'><line class='pinvis' x1='500.0' y1='-300.0' x2='400.0' y2='-300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-300.0' x2='400.0' y2='-300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-337.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='375.0' y='-300.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PIN13</text><g class='pingroup' data-num='14' data-name='INT'><line class='pinvis' x1='-600.0' y1='-300.0' x2='-500.0' y2='-300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-600.0' y1='-300.0' x2='-500.0' y2='-300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-550.0' y='-262.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='-475.0' y='-300.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>INT</text><g class='pingroup' data-num='15' data-name='PIN15'><line class='pinvis' x1='200.0' y1='600.0' x2='200.0' y2='500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='200.0' y1='600.0' x2='200.0' y2='500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='237.5' y='550.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='200.0' y='475.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>PIN15</text><g class='pingroup' data-num='16' data-name='PIN16'><line class='pinvis' x1='300.0' y1='600.0' x2='300.0' y2='500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='300.0' y1='600.0' x2='300.0' y2='500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='337.5' y='550.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='300.0' y='475.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>PIN16</text><g class='pingroup' data-num='17' data-name='COM3'><line class='pinvis' x1='-600.0' y1='500.0' x2='-500.0' y2='500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-600.0' y1='500.0' x2='-500.0' y2='500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-550.0' y='537.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>17</text><text x='-475.0' y='500.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>COM3</text><g class='pingroup' data-num='18' data-name='COM2'><line class='pinvis' x1='-600.0' y1='400.0' x2='-500.0' y2='400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-600.0' y1='400.0' x2='-500.0' y2='400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-550.0' y='437.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>18</text><text x='-475.0' y='400.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>COM2</text><g class='pingroup' data-num='19' data-name='COM1'><line class='pinvis' x1='-600.0' y1='300.0' x2='-500.0' y2='300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-600.0' y1='300.0' x2='-500.0' y2='300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-550.0' y='337.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>19</text><text x='-475.0' y='300.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>COM1</text><g class='pingroup' data-num='20' data-name='COM0'><line class='pinvis' x1='-600.0' y1='200.0' x2='-500.0' y2='200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-600.0' y1='200.0' x2='-500.0' y2='200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-550.0' y='237.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>20</text><text x='-475.0' y='200.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>COM0</text><g class='pingroup' data-num='21' data-name='PIN21'><line class='pinvis' x1='500.0' y1='-200.0' x2='400.0' y2='-200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-200.0' x2='400.0' y2='-200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-237.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>21</text><text x='375.0' y='-200.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PIN21</text><g class='pingroup' data-num='22' data-name='PIN22'><line class='pinvis' x1='500.0' y1='-100.0' x2='400.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-100.0' x2='400.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-137.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>22</text><text x='375.0' y='-100.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PIN22</text><g class='pingroup' data-num='23' data-name='PIN23'><line class='pinvis' x1='500.0' y1='100.0' x2='400.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='100.0' x2='400.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='62.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>23</text><text x='375.0' y='100.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PIN23</text><g class='pingroup' data-num='24' data-name='PIN24'><line class='pinvis' x1='500.0' y1='200.0' x2='400.0' y2='200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='200.0' x2='400.0' y2='200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='162.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>24</text><text x='375.0' y='200.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PIN24</text><g class='pingroup' data-num='25' data-name='GNDIO'><line class='pinvis' x1='100.0' y1='700.0' x2='100.0' y2='600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='100.0' y1='700.0' x2='100.0' y2='600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='137.5' y='650.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>25</text><text x='100.0' y='575.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>GNDIO</text><g class='pingroup' data-num='26' data-name='XOUT32'><line class='pinvis' x1='600.0' y1='-500.0' x2='500.0' y2='-500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='-500.0' x2='500.0' y2='-500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='-537.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>26</text><text x='475.0' y='-500.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>XOUT32</text><g class='pingroup' data-num='27' data-name='XIN32'><line class='pinvis' x1='600.0' y1='-0.0' x2='500.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='-0.0' x2='500.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='-37.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>27</text><text x='475.0' y='0.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>XIN32</text><g class='pingroup' data-num='28' data-name='VDDIO'><line class='pinvis' x1='100.0' y1='-700.0' x2='100.0' y2='-600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='100.0' y1='-700.0' x2='100.0' y2='-600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='62.5' y='-650.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>28</text><text x='100.0' y='-575.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VDDIO</text></svg></div> <div id=tip></div> <script>-var KIND="symbol", MPN="RAY/BNO055", PINS=[{"desc":"","name":"PIN1","number":"1","type":""},{"desc":"","name":"GND","number":"2","type":""},{"desc":"","name":"VDD","number":"3","type":""},{"desc":"","name":"~{BOOT_LOAD_PIN}","number":"4","type":""},{"desc":"","name":"PS1","number":"5","type":""},{"desc":"","name":"PS0","number":"6","type":""},{"desc":"","name":"PIN7","number":"7","type":""},{"desc":"","name":"PIN8","number":"8","type":""},{"desc":"","name":"CAP","number":"9","type":""},{"desc":"","name":"BL_IND","number":"10","type":""},{"desc":"","name":"~{RESET}","number":"11","type":""},{"desc":"","name":"PIN12","number":"12","type":""},{"desc":"","name":"PIN13","number":"13","type":""},{"desc":"","name":"INT","number":"14","type":""},{"desc":"","name":"PIN15","number":"15","type":""},{"desc":"","name":"PIN16","number":"16","type":""},{"desc":"","name":"COM3","number":"17","type":""},{"desc":"","name":"COM2","number":"18","type":""},{"desc":"","name":"COM1","number":"19","type":""},{"desc":"","name":"COM0","number":"20","type":""},{"desc":"","name":"PIN21","number":"21","type":""},{"desc":"","name":"PIN22","number":"22","type":""},{"desc":"","name":"PIN23","number":"23","type":""},{"desc":"","name":"PIN24","number":"24","type":""},{"desc":"","name":"GNDIO","number":"25","type":""},{"desc":"","name":"XOUT32","number":"26","type":""},{"desc":"","name":"XIN32","number":"27","type":""},{"desc":"","name":"VDDIO","number":"28","type":""}];+var KIND="symbol", MPN="ADOM/BNO055", PINS=[{"desc":"","name":"PIN1","number":"1","type":""},{"desc":"","name":"GND","number":"2","type":""},{"desc":"","name":"VDD","number":"3","type":""},{"desc":"","name":"~{BOOT_LOAD_PIN}","number":"4","type":""},{"desc":"","name":"PS1","number":"5","type":""},{"desc":"","name":"PS0","number":"6","type":""},{"desc":"","name":"SWDIO","number":"7","type":""},{"desc":"","name":"SWCLK","number":"8","type":""},{"desc":"","name":"CAP","number":"9","type":""},{"desc":"","name":"BL_IND","number":"10","type":""},{"desc":"","name":"~{RESET}","number":"11","type":""},{"desc":"","name":"PIN12","number":"12","type":""},{"desc":"","name":"PIN13","number":"13","type":""},{"desc":"","name":"INT","number":"14","type":""},{"desc":"","name":"PIN15","number":"15","type":""},{"desc":"","name":"PIN16","number":"16","type":""},{"desc":"","name":"COM3","number":"17","type":""},{"desc":"","name":"COM2","number":"18","type":""},{"desc":"","name":"COM1","number":"19","type":""},{"desc":"","name":"COM0","number":"20","type":""},{"desc":"","name":"PIN21","number":"21","type":""},{"desc":"","name":"PIN22","number":"22","type":""},{"desc":"","name":"PIN23","number":"23","type":""},{"desc":"","name":"PIN24","number":"24","type":""},{"desc":"","name":"GNDIO","number":"25","type":""},{"desc":"","name":"XOUT32","number":"26","type":""},{"desc":"","name":"XIN32","number":"27","type":""},{"desc":"","name":"VDDIO","number":"28","type":""}]; var byNum={}; PINS.forEach(function(p){byNum[String(p.number)]=p;}); var stage=document.getElementById('stage'), svg=stage.querySelector('svg'), tip=document.getElementById('tip'); // ---- pan/zoom ----