← Commit history

Update 2 file(s)

Ray ·1c6389d919 · ·parent 487ce4e
2 files changed +4−4
viewers/footprint.html+2−2
@@ -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='-5.100 -5.750 10.200 11.500' style='width:100%;height:100%'><line class='ly-silk' x1='-2.760' y1='-5.210' x2='2.760' y2='-5.210' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-2.760' y1='-4.685' x2='-2.760' y2='-5.210' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-2.760' y1='5.210' x2='-2.760' y2='4.685' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.760' y1='-5.210' x2='2.760' y2='-4.685' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.760' y1='4.685' x2='2.760' y2='5.210' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.760' y1='5.210' x2='-2.760' y2='5.210' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-courtyard' x1='-4.700' y1='-4.680' x2='-2.900' y2='-4.680' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-4.700' y1='4.680' x2='-4.700' y2='-4.680' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.900' y1='-5.350' x2='2.900' y2='-5.350' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.900' y1='-4.680' x2='-2.900' y2='-5.350' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.900' y1='4.680' x2='-4.700' y2='4.680' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.900' y1='5.350' x2='-2.900' y2='4.680' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.900' y1='-5.350' x2='2.900' y2='-4.680' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.900' y1='-4.680' x2='4.700' y2='-4.680' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.900' y1='4.680' x2='2.900' y2='5.350' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.900' y1='5.350' x2='-2.900' y2='5.350' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='4.700' y1='-4.680' x2='4.700' y2='4.680' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='4.700' y1='4.680' x2='2.900' y2='4.680' stroke='#4ade80' stroke-width='0.050'/><rect class='ly-copper pad' data-num='1' data-name='TXD' x='-4.450' y='-4.425' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='-4.225' font-size='0.350' 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='DTR' x='-4.450' y='-3.775' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='-3.575' font-size='0.350' 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='RTS' x='-4.450' y='-3.125' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='-2.925' font-size='0.350' 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='VCCIO' x='-4.450' y='-2.475' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='-2.275' font-size='0.350' 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='RXD' x='-4.450' y='-1.825' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='-1.625' font-size='0.350' 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='RI' x='-4.450' y='-1.175' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='-0.975' font-size='0.350' 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='GND' x='-4.450' y='-0.525' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='-0.325' font-size='0.350' 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='' x='-4.450' y='0.125' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='0.325' font-size='0.350' 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='DCR' x='-4.450' y='0.775' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='0.975' font-size='0.350' 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='DCD' x='-4.450' y='1.425' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='1.625' font-size='0.350' 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='CTS' x='-4.450' y='2.075' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='2.275' font-size='0.350' 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='CBUS4' x='-4.450' y='2.725' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='2.925' font-size='0.350' 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='CBUS2' x='-4.450' y='3.375' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='3.575' font-size='0.350' 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='CBUS3' x='-4.450' y='4.025' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='4.225' font-size='0.350' 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='USBD+' x='2.550' y='4.025' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='4.225' font-size='0.350' 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='USBD-' x='2.550' y='3.375' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='3.575' font-size='0.350' 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='3V3OUT' x='2.550' y='2.725' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='2.925' font-size='0.350' 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='GND' x='2.550' y='2.075' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='2.275' font-size='0.350' 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='~{RESET}' x='2.550' y='1.425' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='1.625' font-size='0.350' 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='VCC' x='2.550' y='0.775' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='0.975' font-size='0.350' 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='GND' x='2.550' y='0.125' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='0.325' font-size='0.350' 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='CBUS1' x='2.550' y='-0.525' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='-0.325' font-size='0.350' 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='CBUS0' x='2.550' y='-1.175' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='-0.975' font-size='0.350' 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='' x='2.550' y='-1.825' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='-1.625' font-size='0.350' 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='AGND' x='2.550' y='-2.475' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='-2.275' font-size='0.350' 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='TEST' x='2.550' y='-3.125' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='-2.925' font-size='0.350' 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='OSCI' x='2.550' y='-3.775' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='-3.575' font-size='0.350' 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='OSCO' x='2.550' y='-4.425' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='-4.225' font-size='0.350' 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='-5.100 -5.750 10.200 11.500' style='width:100%;height:100%'><line class='ly-silk' x1='-2.760' y1='-5.210' x2='2.760' y2='-5.210' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-2.760' y1='-4.685' x2='-2.760' y2='-5.210' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-2.760' y1='5.210' x2='-2.760' y2='4.685' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.760' y1='-5.210' x2='2.760' y2='-4.685' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.760' y1='4.685' x2='2.760' y2='5.210' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.760' y1='5.210' x2='-2.760' y2='5.210' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-courtyard' x1='-4.700' y1='-4.680' x2='-2.900' y2='-4.680' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-4.700' y1='4.680' x2='-4.700' y2='-4.680' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.900' y1='-5.350' x2='2.900' y2='-5.350' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.900' y1='-4.680' x2='-2.900' y2='-5.350' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.900' y1='4.680' x2='-4.700' y2='4.680' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.900' y1='5.350' x2='-2.900' y2='4.680' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.900' y1='-5.350' x2='2.900' y2='-4.680' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.900' y1='-4.680' x2='4.700' y2='-4.680' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.900' y1='4.680' x2='2.900' y2='5.350' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.900' y1='5.350' x2='-2.900' y2='5.350' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='4.700' y1='-4.680' x2='4.700' y2='4.680' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='4.700' y1='4.680' x2='2.900' y2='4.680' stroke='#4ade80' stroke-width='0.050'/><polygon class='ly-silk' points='-3.500,-4.690 -3.840,-5.160 -3.160,-5.160' fill='#d8b4fe' stroke='none'/><polygon class='ly-fab' points='-1.650,-5.100 2.650,-5.100 2.650,5.100 -2.650,5.100 -2.650,-4.100' fill='none' stroke='#f472b6' stroke-width='0.100'/><rect class='ly-copper pad' data-num='1' data-name='TXD' x='-4.450' y='-4.425' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='-4.225' font-size='0.350' 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='DTR#' x='-4.450' y='-3.775' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='-3.575' font-size='0.350' 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='RTS#' x='-4.450' y='-3.125' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='-2.925' font-size='0.350' 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='VCCIO' x='-4.450' y='-2.475' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='-2.275' font-size='0.350' 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='RXD' x='-4.450' y='-1.825' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='-1.625' font-size='0.350' 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='RI#' x='-4.450' y='-1.175' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='-0.975' font-size='0.350' 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='GND' x='-4.450' y='-0.525' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='-0.325' font-size='0.350' 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='NC' x='-4.450' y='0.125' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='0.325' font-size='0.350' 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='DSR#' x='-4.450' y='0.775' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='0.975' font-size='0.350' 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='DCD#' x='-4.450' y='1.425' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='1.625' font-size='0.350' 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='CTS#' x='-4.450' y='2.075' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='2.275' font-size='0.350' 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='CBUS4' x='-4.450' y='2.725' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='2.925' font-size='0.350' 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='CBUS2' x='-4.450' y='3.375' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='3.575' font-size='0.350' 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='CBUS3' x='-4.450' y='4.025' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.500' y='4.225' font-size='0.350' 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='USBDP' x='2.550' y='4.025' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='4.225' font-size='0.350' 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='USBDM' x='2.550' y='3.375' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='3.575' font-size='0.350' 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='3V3OUT' x='2.550' y='2.725' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='2.925' font-size='0.350' 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='GND' x='2.550' y='2.075' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='2.275' font-size='0.350' 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='RESET#' x='2.550' y='1.425' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='1.625' font-size='0.350' 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='VCC' x='2.550' y='0.775' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='0.975' font-size='0.350' 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='GND' x='2.550' y='0.125' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='0.325' font-size='0.350' 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='CBUS1' x='2.550' y='-0.525' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='-0.325' font-size='0.350' 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='CBUS0' x='2.550' y='-1.175' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='-0.975' font-size='0.350' 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='NC' x='2.550' y='-1.825' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='-1.625' font-size='0.350' 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='AGND' x='2.550' y='-2.475' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='-2.275' font-size='0.350' 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='TEST' x='2.550' y='-3.125' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='-2.925' font-size='0.350' 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='OSCI' x='2.550' y='-3.775' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='-3.575' font-size='0.350' 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='OSCO' x='2.550' y='-4.425' width='1.900' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.500' y='-4.225' font-size='0.350' 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="ADOM/FT232RL", PINS=[{"desc":"","name":"TXD","number":"1","type":""},{"desc":"","name":"DTR","number":"2","type":""},{"desc":"","name":"RTS","number":"3","type":""},{"desc":"","name":"VCCIO","number":"4","type":""},{"desc":"","name":"RXD","number":"5","type":""},{"desc":"","name":"RI","number":"6","type":""},{"desc":"","name":"GND","number":"7","type":""},{"desc":"","name":"DCR","number":"9","type":""},{"desc":"","name":"DCD","number":"10","type":""},{"desc":"","name":"CTS","number":"11","type":""},{"desc":"","name":"CBUS4","number":"12","type":""},{"desc":"","name":"CBUS2","number":"13","type":""},{"desc":"","name":"CBUS3","number":"14","type":""},{"desc":"","name":"USBD+","number":"15","type":""},{"desc":"","name":"USBD-","number":"16","type":""},{"desc":"","name":"3V3OUT","number":"17","type":""},{"desc":"","name":"GND","number":"18","type":""},{"desc":"","name":"~{RESET}","number":"19","type":""},{"desc":"","name":"VCC","number":"20","type":""},{"desc":"","name":"GND","number":"21","type":""},{"desc":"","name":"CBUS1","number":"22","type":""},{"desc":"","name":"CBUS0","number":"23","type":""},{"desc":"","name":"AGND","number":"25","type":""},{"desc":"","name":"TEST","number":"26","type":""},{"desc":"","name":"OSCI","number":"27","type":""},{"desc":"","name":"OSCO","number":"28","type":""}];+var KIND="footprint", MPN="ADOM/FT232RL", PINS=[{"desc":"","name":"TXD","number":"1","type":""},{"desc":"","name":"DTR#","number":"2","type":""},{"desc":"","name":"RTS#","number":"3","type":""},{"desc":"","name":"VCCIO","number":"4","type":""},{"desc":"","name":"RXD","number":"5","type":""},{"desc":"","name":"RI#","number":"6","type":""},{"desc":"","name":"GND","number":"7","type":""},{"desc":"","name":"DSR#","number":"9","type":""},{"desc":"","name":"DCD#","number":"10","type":""},{"desc":"","name":"CTS#","number":"11","type":""},{"desc":"","name":"CBUS4","number":"12","type":""},{"desc":"","name":"CBUS2","number":"13","type":""},{"desc":"","name":"CBUS3","number":"14","type":""},{"desc":"","name":"USBDP","number":"15","type":""},{"desc":"","name":"USBDM","number":"16","type":""},{"desc":"","name":"3V3OUT","number":"17","type":""},{"desc":"","name":"GND","number":"18","type":""},{"desc":"","name":"RESET#","number":"19","type":""},{"desc":"","name":"VCC","number":"20","type":""},{"desc":"","name":"GND","number":"21","type":""},{"desc":"","name":"CBUS1","number":"22","type":""},{"desc":"","name":"CBUS0","number":"23","type":""},{"desc":"","name":"AGND","number":"25","type":""},{"desc":"","name":"TEST","number":"26","type":""},{"desc":"","name":"NC","number":"8","type":""},{"desc":"","name":"NC","number":"24","type":""},{"desc":"","name":"OSCI","number":"27","type":""},{"desc":"","name":"OSCO","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+2−2
@@ -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='-850 -1050 1700 2100' style='width:100%;height:100%'><rect x='-650.0' y='-850.0' width='1300.0' height='1700.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='TXD'><line class='pinvis' x1='800.0' y1='-700.0' x2='650.0' y2='-700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='-700.0' x2='650.0' y2='-700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='-745.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='620.0' y='-700.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>TXD</text><g class='pingroup' data-num='2' data-name='DTR'><line class='pinvis' x1='800.0' y1='-300.0' x2='650.0' y2='-300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='-300.0' x2='650.0' y2='-300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='-345.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='620.0' y='-300.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>DTR</text><g class='pingroup' data-num='3' data-name='RTS'><line class='pinvis' x1='800.0' y1='-500.0' x2='650.0' y2='-500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='-500.0' x2='650.0' y2='-500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='-545.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='620.0' y='-500.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>RTS</text><g class='pingroup' data-num='4' data-name='VCCIO'><line class='pinvis' x1='-100.0' y1='-1000.0' x2='-100.0' y2='-850.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-100.0' y1='-1000.0' x2='-100.0' y2='-850.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-145.0' y='-925.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='-100.0' y='-820.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VCCIO</text><g class='pingroup' data-num='5' data-name='RXD'><line class='pinvis' x1='800.0' y1='-600.0' x2='650.0' y2='-600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='-600.0' x2='650.0' y2='-600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='-645.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='620.0' y='-600.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>RXD</text><g class='pingroup' data-num='6' data-name='RI'><line class='pinvis' x1='800.0' y1='-0.0' x2='650.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='-0.0' x2='650.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='-45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='620.0' y='0.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>RI</text><g class='pingroup' data-num='7' data-name='GND'><line class='pinvis' x1='0.0' y1='1000.0' x2='0.0' y2='850.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='1000.0' x2='0.0' y2='850.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='45.0' y='925.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='0.0' y='820.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>GND</text><g class='pingroup' data-num='9' data-name='DCR'><line class='pinvis' x1='800.0' y1='-200.0' x2='650.0' y2='-200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='-200.0' x2='650.0' y2='-200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='-245.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='620.0' y='-200.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>DCR</text><g class='pingroup' data-num='10' data-name='DCD'><line class='pinvis' x1='800.0' y1='-100.0' x2='650.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='-100.0' x2='650.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='-145.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='620.0' y='-100.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>DCD</text><g class='pingroup' data-num='11' data-name='CTS'><line class='pinvis' x1='800.0' y1='-400.0' x2='650.0' y2='-400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='-400.0' x2='650.0' y2='-400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='-445.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='620.0' y='-400.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CTS</text><g class='pingroup' data-num='12' data-name='CBUS4'><line class='pinvis' x1='800.0' y1='700.0' x2='650.0' y2='700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='700.0' x2='650.0' y2='700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='655.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='620.0' y='700.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CBUS4</text><g class='pingroup' data-num='13' data-name='CBUS2'><line class='pinvis' x1='800.0' y1='500.0' x2='650.0' y2='500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='500.0' x2='650.0' y2='500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='455.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='620.0' y='500.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CBUS2</text><g class='pingroup' data-num='14' data-name='CBUS3'><line class='pinvis' x1='800.0' y1='600.0' x2='650.0' y2='600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='600.0' x2='650.0' y2='600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='555.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='620.0' y='600.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CBUS3</text><g class='pingroup' data-num='15' data-name='USBD+'><line class='pinvis' x1='-800.0' y1='-400.0' x2='-650.0' y2='-400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-800.0' y1='-400.0' x2='-650.0' y2='-400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-725.0' y='-355.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='-620.0' y='-400.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>USBD+</text><g class='pingroup' data-num='16' data-name='USBD-'><line class='pinvis' x1='-800.0' y1='-300.0' x2='-650.0' y2='-300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-800.0' y1='-300.0' x2='-650.0' y2='-300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-725.0' y='-255.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='-620.0' y='-300.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>USBD-</text><g class='pingroup' data-num='17' data-name='3V3OUT'><line class='pinvis' x1='-800.0' y1='-700.0' x2='-650.0' y2='-700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-800.0' y1='-700.0' x2='-650.0' y2='-700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-725.0' y='-655.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>17</text><text x='-620.0' y='-700.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>3V3OUT</text><g class='pingroup' data-num='18' data-name='GND'><line class='pinvis' x1='100.0' y1='1000.0' x2='100.0' y2='850.0' stroke='#dfe4ec' stroke-width='4'/><line x1='100.0' y1='1000.0' x2='100.0' y2='850.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='145.0' y='925.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>18</text><text x='100.0' y='820.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>GND</text><g class='pingroup' data-num='19' data-name='~{RESET}'><line class='pinvis' x1='-800.0' y1='-0.0' x2='-650.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-800.0' y1='-0.0' x2='-650.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-725.0' y='45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>19</text><text x='-620.0' y='0.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>~{RESET}</text><g class='pingroup' data-num='20' data-name='VCC'><line class='pinvis' x1='100.0' y1='-1000.0' x2='100.0' y2='-850.0' stroke='#dfe4ec' stroke-width='4'/><line x1='100.0' y1='-1000.0' x2='100.0' y2='-850.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='55.0' y='-925.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>20</text><text x='100.0' y='-820.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VCC</text><g class='pingroup' data-num='21' data-name='GND'><line class='pinvis' x1='200.0' y1='1000.0' x2='200.0' y2='850.0' stroke='#dfe4ec' stroke-width='4'/><line x1='200.0' y1='1000.0' x2='200.0' y2='850.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='245.0' y='925.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>21</text><text x='200.0' y='820.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>GND</text><g class='pingroup' data-num='22' data-name='CBUS1'><line class='pinvis' x1='800.0' y1='400.0' x2='650.0' y2='400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='400.0' x2='650.0' y2='400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='355.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>22</text><text x='620.0' y='400.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CBUS1</text><g class='pingroup' data-num='23' data-name='CBUS0'><line class='pinvis' x1='800.0' y1='300.0' x2='650.0' y2='300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='300.0' x2='650.0' y2='300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='255.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>23</text><text x='620.0' y='300.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CBUS0</text><g class='pingroup' data-num='25' data-name='AGND'><line class='pinvis' x1='-200.0' y1='1000.0' x2='-200.0' y2='850.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-200.0' y1='1000.0' x2='-200.0' y2='850.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-155.0' y='925.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>25</text><text x='-200.0' y='820.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>AGND</text><g class='pingroup' data-num='26' data-name='TEST'><line class='pinvis' x1='-800.0' y1='700.0' x2='-650.0' y2='700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-800.0' y1='700.0' x2='-650.0' y2='700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-725.0' y='745.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>26</text><text x='-620.0' y='700.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>TEST</text><g class='pingroup' data-num='27' data-name='OSCI'><line class='pinvis' x1='-800.0' y1='200.0' x2='-650.0' y2='200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-800.0' y1='200.0' x2='-650.0' y2='200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-725.0' y='245.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>27</text><text x='-620.0' y='200.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>OSCI</text><g class='pingroup' data-num='28' data-name='OSCO'><line class='pinvis' x1='-800.0' y1='400.0' x2='-650.0' y2='400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-800.0' y1='400.0' x2='-650.0' y2='400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-725.0' y='445.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>28</text><text x='-620.0' y='400.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>OSCO</text></svg></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-850 -1050 1700 2100' style='width:100%;height:100%'><rect x='-650.0' y='-850.0' width='1300.0' height='1700.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='TXD'><line class='pinvis' x1='800.0' y1='-700.0' x2='650.0' y2='-700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='-700.0' x2='650.0' y2='-700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='-745.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='620.0' y='-700.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>TXD</text><g class='pingroup' data-num='2' data-name='DTR#'><line class='pinvis' x1='800.0' y1='-300.0' x2='650.0' y2='-300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='-300.0' x2='650.0' y2='-300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='-345.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='620.0' y='-300.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>DTR#</text><g class='pingroup' data-num='3' data-name='RTS#'><line class='pinvis' x1='800.0' y1='-500.0' x2='650.0' y2='-500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='-500.0' x2='650.0' y2='-500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='-545.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='620.0' y='-500.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>RTS#</text><g class='pingroup' data-num='4' data-name='VCCIO'><line class='pinvis' x1='-100.0' y1='-1000.0' x2='-100.0' y2='-850.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-100.0' y1='-1000.0' x2='-100.0' y2='-850.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-145.0' y='-925.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='-100.0' y='-820.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VCCIO</text><g class='pingroup' data-num='5' data-name='RXD'><line class='pinvis' x1='800.0' y1='-600.0' x2='650.0' y2='-600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='-600.0' x2='650.0' y2='-600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='-645.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='620.0' y='-600.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>RXD</text><g class='pingroup' data-num='6' data-name='RI#'><line class='pinvis' x1='800.0' y1='-0.0' x2='650.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='-0.0' x2='650.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='-45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='620.0' y='0.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>RI#</text><g class='pingroup' data-num='7' data-name='GND'><line class='pinvis' x1='0.0' y1='1000.0' x2='0.0' y2='850.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='1000.0' x2='0.0' y2='850.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='45.0' y='925.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='0.0' y='820.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>GND</text><g class='pingroup' data-num='9' data-name='DSR#'><line class='pinvis' x1='800.0' y1='-200.0' x2='650.0' y2='-200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='-200.0' x2='650.0' y2='-200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='-245.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='620.0' y='-200.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>DSR#</text><g class='pingroup' data-num='10' data-name='DCD#'><line class='pinvis' x1='800.0' y1='-100.0' x2='650.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='-100.0' x2='650.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='-145.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='620.0' y='-100.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>DCD#</text><g class='pingroup' data-num='11' data-name='CTS#'><line class='pinvis' x1='800.0' y1='-400.0' x2='650.0' y2='-400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='-400.0' x2='650.0' y2='-400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='-445.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='620.0' y='-400.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CTS#</text><g class='pingroup' data-num='12' data-name='CBUS4'><line class='pinvis' x1='800.0' y1='700.0' x2='650.0' y2='700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='700.0' x2='650.0' y2='700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='655.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='620.0' y='700.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CBUS4</text><g class='pingroup' data-num='13' data-name='CBUS2'><line class='pinvis' x1='800.0' y1='500.0' x2='650.0' y2='500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='500.0' x2='650.0' y2='500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='455.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='620.0' y='500.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CBUS2</text><g class='pingroup' data-num='14' data-name='CBUS3'><line class='pinvis' x1='800.0' y1='600.0' x2='650.0' y2='600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='600.0' x2='650.0' y2='600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='555.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='620.0' y='600.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CBUS3</text><g class='pingroup' data-num='15' data-name='USBDP'><line class='pinvis' x1='-800.0' y1='-400.0' x2='-650.0' y2='-400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-800.0' y1='-400.0' x2='-650.0' y2='-400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-725.0' y='-355.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='-620.0' y='-400.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>USBDP</text><g class='pingroup' data-num='16' data-name='USBDM'><line class='pinvis' x1='-800.0' y1='-300.0' x2='-650.0' y2='-300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-800.0' y1='-300.0' x2='-650.0' y2='-300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-725.0' y='-255.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='-620.0' y='-300.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>USBDM</text><g class='pingroup' data-num='17' data-name='3V3OUT'><line class='pinvis' x1='-800.0' y1='-700.0' x2='-650.0' y2='-700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-800.0' y1='-700.0' x2='-650.0' y2='-700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-725.0' y='-655.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>17</text><text x='-620.0' y='-700.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>3V3OUT</text><g class='pingroup' data-num='18' data-name='GND'><line class='pinvis' x1='100.0' y1='1000.0' x2='100.0' y2='850.0' stroke='#dfe4ec' stroke-width='4'/><line x1='100.0' y1='1000.0' x2='100.0' y2='850.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='145.0' y='925.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>18</text><text x='100.0' y='820.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>GND</text><g class='pingroup' data-num='19' data-name='RESET#'><line class='pinvis' x1='-800.0' y1='-0.0' x2='-650.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-800.0' y1='-0.0' x2='-650.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-725.0' y='45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>19</text><text x='-620.0' y='0.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RESET#</text><g class='pingroup' data-num='20' data-name='VCC'><line class='pinvis' x1='100.0' y1='-1000.0' x2='100.0' y2='-850.0' stroke='#dfe4ec' stroke-width='4'/><line x1='100.0' y1='-1000.0' x2='100.0' y2='-850.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='55.0' y='-925.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>20</text><text x='100.0' y='-820.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VCC</text><g class='pingroup' data-num='21' data-name='GND'><line class='pinvis' x1='200.0' y1='1000.0' x2='200.0' y2='850.0' stroke='#dfe4ec' stroke-width='4'/><line x1='200.0' y1='1000.0' x2='200.0' y2='850.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='245.0' y='925.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>21</text><text x='200.0' y='820.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>GND</text><g class='pingroup' data-num='22' data-name='CBUS1'><line class='pinvis' x1='800.0' y1='400.0' x2='650.0' y2='400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='400.0' x2='650.0' y2='400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='355.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>22</text><text x='620.0' y='400.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CBUS1</text><g class='pingroup' data-num='23' data-name='CBUS0'><line class='pinvis' x1='800.0' y1='300.0' x2='650.0' y2='300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='800.0' y1='300.0' x2='650.0' y2='300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='725.0' y='255.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>23</text><text x='620.0' y='300.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CBUS0</text><g class='pingroup' data-num='25' data-name='AGND'><line class='pinvis' x1='-200.0' y1='1000.0' x2='-200.0' y2='850.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-200.0' y1='1000.0' x2='-200.0' y2='850.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-155.0' y='925.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>25</text><text x='-200.0' y='820.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>AGND</text><g class='pingroup' data-num='26' data-name='TEST'><line class='pinvis' x1='-800.0' y1='700.0' x2='-650.0' y2='700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-800.0' y1='700.0' x2='-650.0' y2='700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-725.0' y='745.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>26</text><text x='-620.0' y='700.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>TEST</text><g class='pingroup' data-num='8' data-name='NC'><line class='pinvis' x1='-800.0' y1='500.0' x2='-650.0' y2='500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-800.0' y1='500.0' x2='-650.0' y2='500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-725.0' y='545.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='-620.0' y='500.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>NC</text><g class='pingroup' data-num='24' data-name='NC'><line class='pinvis' x1='-800.0' y1='600.0' x2='-650.0' y2='600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-800.0' y1='600.0' x2='-650.0' y2='600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-725.0' y='645.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>24</text><text x='-620.0' y='600.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>NC</text><g class='pingroup' data-num='27' data-name='OSCI'><line class='pinvis' x1='-800.0' y1='200.0' x2='-650.0' y2='200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-800.0' y1='200.0' x2='-650.0' y2='200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-725.0' y='245.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>27</text><text x='-620.0' y='200.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>OSCI</text><g class='pingroup' data-num='28' data-name='OSCO'><line class='pinvis' x1='-800.0' y1='400.0' x2='-650.0' y2='400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-800.0' y1='400.0' x2='-650.0' y2='400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-725.0' y='445.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>28</text><text x='-620.0' y='400.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>OSCO</text></svg></div> <div id=tip></div> <script>-var KIND="symbol", MPN="ADOM/FT232RL", PINS=[{"desc":"","name":"TXD","number":"1","type":""},{"desc":"","name":"DTR","number":"2","type":""},{"desc":"","name":"RTS","number":"3","type":""},{"desc":"","name":"VCCIO","number":"4","type":""},{"desc":"","name":"RXD","number":"5","type":""},{"desc":"","name":"RI","number":"6","type":""},{"desc":"","name":"GND","number":"7","type":""},{"desc":"","name":"DCR","number":"9","type":""},{"desc":"","name":"DCD","number":"10","type":""},{"desc":"","name":"CTS","number":"11","type":""},{"desc":"","name":"CBUS4","number":"12","type":""},{"desc":"","name":"CBUS2","number":"13","type":""},{"desc":"","name":"CBUS3","number":"14","type":""},{"desc":"","name":"USBD+","number":"15","type":""},{"desc":"","name":"USBD-","number":"16","type":""},{"desc":"","name":"3V3OUT","number":"17","type":""},{"desc":"","name":"GND","number":"18","type":""},{"desc":"","name":"~{RESET}","number":"19","type":""},{"desc":"","name":"VCC","number":"20","type":""},{"desc":"","name":"GND","number":"21","type":""},{"desc":"","name":"CBUS1","number":"22","type":""},{"desc":"","name":"CBUS0","number":"23","type":""},{"desc":"","name":"AGND","number":"25","type":""},{"desc":"","name":"TEST","number":"26","type":""},{"desc":"","name":"OSCI","number":"27","type":""},{"desc":"","name":"OSCO","number":"28","type":""}];+var KIND="symbol", MPN="ADOM/FT232RL", PINS=[{"desc":"","name":"TXD","number":"1","type":""},{"desc":"","name":"DTR#","number":"2","type":""},{"desc":"","name":"RTS#","number":"3","type":""},{"desc":"","name":"VCCIO","number":"4","type":""},{"desc":"","name":"RXD","number":"5","type":""},{"desc":"","name":"RI#","number":"6","type":""},{"desc":"","name":"GND","number":"7","type":""},{"desc":"","name":"DSR#","number":"9","type":""},{"desc":"","name":"DCD#","number":"10","type":""},{"desc":"","name":"CTS#","number":"11","type":""},{"desc":"","name":"CBUS4","number":"12","type":""},{"desc":"","name":"CBUS2","number":"13","type":""},{"desc":"","name":"CBUS3","number":"14","type":""},{"desc":"","name":"USBDP","number":"15","type":""},{"desc":"","name":"USBDM","number":"16","type":""},{"desc":"","name":"3V3OUT","number":"17","type":""},{"desc":"","name":"GND","number":"18","type":""},{"desc":"","name":"RESET#","number":"19","type":""},{"desc":"","name":"VCC","number":"20","type":""},{"desc":"","name":"GND","number":"21","type":""},{"desc":"","name":"CBUS1","number":"22","type":""},{"desc":"","name":"CBUS0","number":"23","type":""},{"desc":"","name":"AGND","number":"25","type":""},{"desc":"","name":"TEST","number":"26","type":""},{"desc":"","name":"NC","number":"8","type":""},{"desc":"","name":"NC","number":"24","type":""},{"desc":"","name":"OSCI","number":"27","type":""},{"desc":"","name":"OSCO","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 ----