← Commit history

stm32f042f6p6: viewers after the pinout correction

Ray ·c02d70a73a ·4d ago ·parent f38e127
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/STM32F042F6P6 footprint</title>+<meta name=viewport content="width=device-width,initial-scale=1"><title>ADOM/STM32F042F6P6 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='-4.250 -3.900 8.500 7.800' style='width:100%;height:100%'><line class='ly-silk' x1='-2.310' y1='-3.385' x2='2.310' y2='-3.385' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.310' y1='3.385' x2='-2.310' y2='3.385' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-courtyard' x1='-3.850' y1='-3.380' x2='-2.450' y2='-3.380' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-3.850' y1='3.380' x2='-3.850' y2='-3.380' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.450' y1='-3.500' x2='2.450' y2='-3.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.450' y1='-3.380' x2='-2.450' y2='-3.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.450' y1='3.380' x2='-3.850' y2='3.380' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.450' y1='3.500' x2='-2.450' y2='3.380' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.450' y1='-3.500' x2='2.450' y2='-3.380' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.450' y1='-3.380' x2='3.850' y2='-3.380' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.450' y1='3.380' x2='2.450' y2='3.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.450' y1='3.500' x2='-2.450' y2='3.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.850' y1='-3.380' x2='3.850' y2='3.380' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.850' y1='3.380' x2='2.450' y2='3.380' stroke='#4ade80' stroke-width='0.050'/><rect class='ly-copper pad' data-num='1' data-name='PB8/BOOT0' x='-3.600' y='-3.125' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>1</text><rect class='ly-copper pad' data-num='2' data-name='PF0-OSC_IN' x='-3.600' y='-2.475' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>2</text><rect class='ly-copper pad' data-num='3' data-name='PF1-OSC_OUT' x='-3.600' y='-1.825' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>3</text><rect class='ly-copper pad' data-num='4' data-name='NRST' x='-3.600' y='-1.175' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>4</text><rect class='ly-copper pad' data-num='5' data-name='VDDA' x='-3.600' y='-0.525' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>5</text><rect class='ly-copper pad' data-num='6' data-name='PA0' x='-3.600' y='0.125' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>6</text><rect class='ly-copper pad' data-num='7' data-name='PA1' x='-3.600' y='0.775' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>7</text><rect class='ly-copper pad' data-num='8' data-name='PA2' x='-3.600' y='1.425' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>8</text><rect class='ly-copper pad' data-num='9' data-name='PA3' x='-3.600' y='2.075' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>9</text><rect class='ly-copper pad' data-num='10' data-name='PA4' x='-3.600' y='2.725' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>10</text><rect class='ly-copper pad' data-num='11' data-name='PA5' x='2.125' y='2.725' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>11</text><rect class='ly-copper pad' data-num='12' data-name='PA6' x='2.125' y='2.075' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>12</text><rect class='ly-copper pad' data-num='13' data-name='PA7' x='2.125' y='1.425' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>13</text><rect class='ly-copper pad' data-num='14' data-name='PB1' x='2.125' y='0.775' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>14</text><rect class='ly-copper pad' data-num='15' data-name='VSS' x='2.125' y='0.125' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>15</text><rect class='ly-copper pad' data-num='16' data-name='VDD' x='2.125' y='-0.525' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>16</text><rect class='ly-copper pad' data-num='17' data-name='PA9' x='2.125' y='-1.175' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>17</text><rect class='ly-copper pad' data-num='18' data-name='PA10' x='2.125' y='-1.825' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>18</text><rect class='ly-copper pad' data-num='19' data-name='PA13' x='2.125' y='-2.475' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>19</text><rect class='ly-copper pad' data-num='20' data-name='PA14' x='2.125' y='-3.125' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>20</text><polygon class='ly-silk adom-pin1' points='-3.860,-2.930 -4.190,-2.690 -4.190,-3.170' fill='#d8b4fe' stroke='none'><title>pin 1</title></polygon></svg></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-4.590 -3.900 8.840 7.800' style='width:100%;height:100%'><line class='ly-silk' x1='-2.310' y1='-3.385' x2='2.310' y2='-3.385' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.310' y1='3.385' x2='-2.310' y2='3.385' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-courtyard' x1='-3.850' y1='-3.380' x2='-2.450' y2='-3.380' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-3.850' y1='3.380' x2='-3.850' y2='-3.380' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.450' y1='-3.500' x2='2.450' y2='-3.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.450' y1='-3.380' x2='-2.450' y2='-3.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.450' y1='3.380' x2='-3.850' y2='3.380' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.450' y1='3.500' x2='-2.450' y2='3.380' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.450' y1='-3.500' x2='2.450' y2='-3.380' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.450' y1='-3.380' x2='3.850' y2='-3.380' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.450' y1='3.380' x2='2.450' y2='3.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.450' y1='3.500' x2='-2.450' y2='3.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.850' y1='-3.380' x2='3.850' y2='3.380' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.850' y1='3.380' x2='2.450' y2='3.380' stroke='#4ade80' stroke-width='0.050'/><polygon class='ly-silk' points='-3.860,-2.930 -4.190,-2.690 -4.190,-3.170' fill='#d8b4fe' stroke='none'/><polygon class='ly-fab' points='-1.200,-3.250 2.200,-3.250 2.200,3.250 -2.200,3.250 -2.200,-2.250' fill='none' stroke='#f472b6' stroke-width='0.100'/><rect class='ly-copper pad' data-num='1' data-name='PB8' x='-3.600' y='-3.125' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>1</text><rect class='ly-copper pad' data-num='2' data-name='PF0-OSC_IN' x='-3.600' y='-2.475' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>2</text><rect class='ly-copper pad' data-num='3' data-name='PF1-OSC_OUT' x='-3.600' y='-1.825' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>3</text><rect class='ly-copper pad' data-num='4' data-name='NRST' x='-3.600' y='-1.175' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>4</text><rect class='ly-copper pad' data-num='5' data-name='VDDA' x='-3.600' y='-0.525' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>5</text><rect class='ly-copper pad' data-num='6' data-name='PA0' x='-3.600' y='0.125' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>6</text><rect class='ly-copper pad' data-num='7' data-name='PA1' x='-3.600' y='0.775' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>7</text><rect class='ly-copper pad' data-num='8' data-name='PA2' x='-3.600' y='1.425' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>8</text><rect class='ly-copper pad' data-num='9' data-name='PA3' x='-3.600' y='2.075' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>9</text><rect class='ly-copper pad' data-num='10' data-name='PA4' x='-3.600' y='2.725' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.862' 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'>10</text><rect class='ly-copper pad' data-num='11' data-name='PA5' x='2.125' y='2.725' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>11</text><rect class='ly-copper pad' data-num='12' data-name='PA6' x='2.125' y='2.075' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>12</text><rect class='ly-copper pad' data-num='13' data-name='PA7' x='2.125' y='1.425' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>13</text><rect class='ly-copper pad' data-num='14' data-name='PB1' x='2.125' y='0.775' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>14</text><rect class='ly-copper pad' data-num='15' data-name='VSSA' x='2.125' y='0.125' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>15</text><rect class='ly-copper pad' data-num='16' data-name='VDD' x='2.125' y='-0.525' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>16</text><rect class='ly-copper pad' data-num='17' data-name='PA9' x='2.125' y='-1.175' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>17</text><rect class='ly-copper pad' data-num='18' data-name='PA10' x='2.125' y='-1.825' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>18</text><rect class='ly-copper pad' data-num='19' data-name='PA13' x='2.125' y='-2.475' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>19</text><rect class='ly-copper pad' data-num='20' data-name='PA14' x='2.125' y='-3.125' width='1.475' height='0.400' rx='0.100' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.862' 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'>20</text></svg></div> <div id=tip></div> <script>-var KIND="footprint", MPN="RAY/STM32F042F6P6", PINS=[{"desc":"","name":"PB8/BOOT0","number":"1","type":""},{"desc":"","name":"PF0-OSC_IN","number":"2","type":""},{"desc":"","name":"PF1-OSC_OUT","number":"3","type":""},{"desc":"","name":"NRST","number":"4","type":""},{"desc":"","name":"VDDA","number":"5","type":""},{"desc":"","name":"PA0","number":"6","type":""},{"desc":"","name":"PA1","number":"7","type":""},{"desc":"","name":"PA2","number":"8","type":""},{"desc":"","name":"PA3","number":"9","type":""},{"desc":"","name":"PA4","number":"10","type":""},{"desc":"","name":"PA14","number":"20","type":""},{"desc":"","name":"PA13","number":"19","type":""},{"desc":"","name":"PA10","number":"18","type":""},{"desc":"","name":"PA9","number":"17","type":""},{"desc":"","name":"VDD","number":"16","type":""},{"desc":"","name":"VSS","number":"15","type":""},{"desc":"","name":"PB1","number":"14","type":""},{"desc":"","name":"PA7","number":"13","type":""},{"desc":"","name":"PA6","number":"12","type":""},{"desc":"","name":"PA5","number":"11","type":""}];+var KIND="footprint", MPN="ADOM/STM32F042F6P6", PINS=[{"desc":"","name":"PB8","number":"1","type":""},{"desc":"","name":"PF0-OSC_IN","number":"2","type":""},{"desc":"","name":"PF1-OSC_OUT","number":"3","type":""},{"desc":"","name":"NRST","number":"4","type":""},{"desc":"","name":"VDDA","number":"5","type":""},{"desc":"","name":"PA0","number":"6","type":""},{"desc":"","name":"PA1","number":"7","type":""},{"desc":"","name":"PA2","number":"8","type":""},{"desc":"","name":"PA3","number":"9","type":""},{"desc":"","name":"PA4","number":"10","type":""},{"desc":"","name":"PA14","number":"20","type":""},{"desc":"","name":"PA13","number":"19","type":""},{"desc":"","name":"PA10","number":"18","type":""},{"desc":"","name":"PA9","number":"17","type":""},{"desc":"","name":"VDD","number":"16","type":""},{"desc":"","name":"VSSA","number":"15","type":""},{"desc":"","name":"PB1","number":"14","type":""},{"desc":"","name":"PA7","number":"13","type":""},{"desc":"","name":"PA6","number":"12","type":""},{"desc":"","name":"PA5","number":"11","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/STM32F042F6P6 symbol</title>+<meta name=viewport content="width=device-width,initial-scale=1"><title>ADOM/STM32F042F6P6 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='-750 -600 1500 1200' style='width:100%;height:100%'><rect x='-500.0' y='-550.0' width='1000.0' height='1100.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='PB8/BOOT0'><line class='pinvis' x1='-700.0' y1='-450.0' x2='-500.0' y2='-450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-450.0' x2='-500.0' y2='-450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-405.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-470.0' y='-450.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PB8/BOOT0</text><g class='pingroup' data-num='2' data-name='PF0-OSC_IN'><line class='pinvis' x1='-700.0' y1='-350.0' x2='-500.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-350.0' x2='-500.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-305.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-470.0' y='-350.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PF0-OSC_IN</text><g class='pingroup' data-num='3' data-name='PF1-OSC_OUT'><line class='pinvis' x1='-700.0' y1='-250.0' x2='-500.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-250.0' x2='-500.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-205.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='-470.0' y='-250.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PF1-OSC_OUT</text><g class='pingroup' data-num='4' data-name='NRST'><line class='pinvis' x1='-700.0' y1='-150.0' x2='-500.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-150.0' x2='-500.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='-470.0' y='-150.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>NRST</text><g class='pingroup' data-num='5' data-name='VDDA'><line class='pinvis' x1='-700.0' y1='-50.0' x2='-500.0' y2='-50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-50.0' x2='-500.0' y2='-50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-5.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='-470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>VDDA</text><g class='pingroup' data-num='6' data-name='PA0'><line class='pinvis' x1='-700.0' y1='50.0' x2='-500.0' y2='50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='50.0' x2='-500.0' y2='50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='95.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='-470.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA0</text><g class='pingroup' data-num='7' data-name='PA1'><line class='pinvis' x1='-700.0' y1='150.0' x2='-500.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='150.0' x2='-500.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='195.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='-470.0' y='150.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA1</text><g class='pingroup' data-num='8' data-name='PA2'><line class='pinvis' x1='-700.0' y1='250.0' x2='-500.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='250.0' x2='-500.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='295.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='-470.0' y='250.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA2</text><g class='pingroup' data-num='9' data-name='PA3'><line class='pinvis' x1='-700.0' y1='350.0' x2='-500.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='350.0' x2='-500.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='395.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='-470.0' y='350.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA3</text><g class='pingroup' data-num='10' data-name='PA4'><line class='pinvis' x1='-700.0' y1='450.0' x2='-500.0' y2='450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='450.0' x2='-500.0' y2='450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='495.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='-470.0' y='450.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA4</text><g class='pingroup' data-num='20' data-name='PA14'><line class='pinvis' x1='700.0' y1='-450.0' x2='500.0' y2='-450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-450.0' x2='500.0' y2='-450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-495.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>20</text><text x='470.0' y='-450.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PA14</text><g class='pingroup' data-num='19' data-name='PA13'><line class='pinvis' x1='700.0' y1='-350.0' x2='500.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-350.0' x2='500.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-395.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>19</text><text x='470.0' y='-350.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PA13</text><g class='pingroup' data-num='18' data-name='PA10'><line class='pinvis' x1='700.0' y1='-250.0' x2='500.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-250.0' x2='500.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-295.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>18</text><text x='470.0' y='-250.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PA10</text><g class='pingroup' data-num='17' data-name='PA9'><line class='pinvis' x1='700.0' y1='-150.0' x2='500.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-150.0' x2='500.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-195.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>17</text><text x='470.0' y='-150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PA9</text><g class='pingroup' data-num='16' data-name='VDD'><line class='pinvis' x1='700.0' y1='-50.0' x2='500.0' y2='-50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-50.0' x2='500.0' y2='-50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-95.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VDD</text><g class='pingroup' data-num='15' data-name='VSS'><line class='pinvis' x1='700.0' y1='50.0' x2='500.0' y2='50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='50.0' x2='500.0' y2='50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='5.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='470.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VSS</text><g class='pingroup' data-num='14' data-name='PB1'><line class='pinvis' x1='700.0' y1='150.0' x2='500.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='150.0' x2='500.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='470.0' y='150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PB1</text><g class='pingroup' data-num='13' data-name='PA7'><line class='pinvis' x1='700.0' y1='250.0' x2='500.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='250.0' x2='500.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='205.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='470.0' y='250.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PA7</text><g class='pingroup' data-num='12' data-name='PA6'><line class='pinvis' x1='700.0' y1='350.0' x2='500.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='350.0' x2='500.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='305.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='470.0' y='350.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PA6</text><g class='pingroup' data-num='11' data-name='PA5'><line class='pinvis' x1='700.0' y1='450.0' x2='500.0' y2='450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='450.0' x2='500.0' y2='450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='405.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='470.0' y='450.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PA5</text></svg></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-750 -600 1500 1200' style='width:100%;height:100%'><rect x='-500.0' y='-550.0' width='1000.0' height='1100.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='PB8'><line class='pinvis' x1='-700.0' y1='-450.0' x2='-500.0' y2='-450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-450.0' x2='-500.0' y2='-450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-405.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-470.0' y='-450.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PB8</text><g class='pingroup' data-num='2' data-name='PF0-OSC_IN'><line class='pinvis' x1='-700.0' y1='-350.0' x2='-500.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-350.0' x2='-500.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-305.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-470.0' y='-350.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PF0-OSC_IN</text><g class='pingroup' data-num='3' data-name='PF1-OSC_OUT'><line class='pinvis' x1='-700.0' y1='-250.0' x2='-500.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-250.0' x2='-500.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-205.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='-470.0' y='-250.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PF1-OSC_OUT</text><g class='pingroup' data-num='4' data-name='NRST'><line class='pinvis' x1='-700.0' y1='-150.0' x2='-500.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-150.0' x2='-500.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='-470.0' y='-150.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>NRST</text><g class='pingroup' data-num='5' data-name='VDDA'><line class='pinvis' x1='-700.0' y1='-50.0' x2='-500.0' y2='-50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-50.0' x2='-500.0' y2='-50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-5.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='-470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>VDDA</text><g class='pingroup' data-num='6' data-name='PA0'><line class='pinvis' x1='-700.0' y1='50.0' x2='-500.0' y2='50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='50.0' x2='-500.0' y2='50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='95.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='-470.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA0</text><g class='pingroup' data-num='7' data-name='PA1'><line class='pinvis' x1='-700.0' y1='150.0' x2='-500.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='150.0' x2='-500.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='195.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='-470.0' y='150.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA1</text><g class='pingroup' data-num='8' data-name='PA2'><line class='pinvis' x1='-700.0' y1='250.0' x2='-500.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='250.0' x2='-500.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='295.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='-470.0' y='250.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA2</text><g class='pingroup' data-num='9' data-name='PA3'><line class='pinvis' x1='-700.0' y1='350.0' x2='-500.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='350.0' x2='-500.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='395.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='-470.0' y='350.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA3</text><g class='pingroup' data-num='10' data-name='PA4'><line class='pinvis' x1='-700.0' y1='450.0' x2='-500.0' y2='450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='450.0' x2='-500.0' y2='450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='495.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='-470.0' y='450.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA4</text><g class='pingroup' data-num='20' data-name='PA14'><line class='pinvis' x1='700.0' y1='-450.0' x2='500.0' y2='-450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-450.0' x2='500.0' y2='-450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-495.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>20</text><text x='470.0' y='-450.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PA14</text><g class='pingroup' data-num='19' data-name='PA13'><line class='pinvis' x1='700.0' y1='-350.0' x2='500.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-350.0' x2='500.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-395.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>19</text><text x='470.0' y='-350.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PA13</text><g class='pingroup' data-num='18' data-name='PA10'><line class='pinvis' x1='700.0' y1='-250.0' x2='500.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-250.0' x2='500.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-295.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>18</text><text x='470.0' y='-250.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PA10</text><g class='pingroup' data-num='17' data-name='PA9'><line class='pinvis' x1='700.0' y1='-150.0' x2='500.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-150.0' x2='500.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-195.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>17</text><text x='470.0' y='-150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PA9</text><g class='pingroup' data-num='16' data-name='VDD'><line class='pinvis' x1='700.0' y1='-50.0' x2='500.0' y2='-50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-50.0' x2='500.0' y2='-50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-95.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VDD</text><g class='pingroup' data-num='15' data-name='VSSA'><line class='pinvis' x1='700.0' y1='50.0' x2='500.0' y2='50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='50.0' x2='500.0' y2='50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='5.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='470.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VSSA</text><g class='pingroup' data-num='14' data-name='PB1'><line class='pinvis' x1='700.0' y1='150.0' x2='500.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='150.0' x2='500.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='470.0' y='150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PB1</text><g class='pingroup' data-num='13' data-name='PA7'><line class='pinvis' x1='700.0' y1='250.0' x2='500.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='250.0' x2='500.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='205.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='470.0' y='250.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PA7</text><g class='pingroup' data-num='12' data-name='PA6'><line class='pinvis' x1='700.0' y1='350.0' x2='500.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='350.0' x2='500.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='305.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='470.0' y='350.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PA6</text><g class='pingroup' data-num='11' data-name='PA5'><line class='pinvis' x1='700.0' y1='450.0' x2='500.0' y2='450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='450.0' x2='500.0' y2='450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='405.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='470.0' y='450.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PA5</text></svg></div> <div id=tip></div> <script>-var KIND="symbol", MPN="RAY/STM32F042F6P6", PINS=[{"desc":"","name":"PB8/BOOT0","number":"1","type":""},{"desc":"","name":"PF0-OSC_IN","number":"2","type":""},{"desc":"","name":"PF1-OSC_OUT","number":"3","type":""},{"desc":"","name":"NRST","number":"4","type":""},{"desc":"","name":"VDDA","number":"5","type":""},{"desc":"","name":"PA0","number":"6","type":""},{"desc":"","name":"PA1","number":"7","type":""},{"desc":"","name":"PA2","number":"8","type":""},{"desc":"","name":"PA3","number":"9","type":""},{"desc":"","name":"PA4","number":"10","type":""},{"desc":"","name":"PA14","number":"20","type":""},{"desc":"","name":"PA13","number":"19","type":""},{"desc":"","name":"PA10","number":"18","type":""},{"desc":"","name":"PA9","number":"17","type":""},{"desc":"","name":"VDD","number":"16","type":""},{"desc":"","name":"VSS","number":"15","type":""},{"desc":"","name":"PB1","number":"14","type":""},{"desc":"","name":"PA7","number":"13","type":""},{"desc":"","name":"PA6","number":"12","type":""},{"desc":"","name":"PA5","number":"11","type":""}];+var KIND="symbol", MPN="ADOM/STM32F042F6P6", PINS=[{"desc":"","name":"PB8","number":"1","type":""},{"desc":"","name":"PF0-OSC_IN","number":"2","type":""},{"desc":"","name":"PF1-OSC_OUT","number":"3","type":""},{"desc":"","name":"NRST","number":"4","type":""},{"desc":"","name":"VDDA","number":"5","type":""},{"desc":"","name":"PA0","number":"6","type":""},{"desc":"","name":"PA1","number":"7","type":""},{"desc":"","name":"PA2","number":"8","type":""},{"desc":"","name":"PA3","number":"9","type":""},{"desc":"","name":"PA4","number":"10","type":""},{"desc":"","name":"PA14","number":"20","type":""},{"desc":"","name":"PA13","number":"19","type":""},{"desc":"","name":"PA10","number":"18","type":""},{"desc":"","name":"PA9","number":"17","type":""},{"desc":"","name":"VDD","number":"16","type":""},{"desc":"","name":"VSSA","number":"15","type":""},{"desc":"","name":"PB1","number":"14","type":""},{"desc":"","name":"PA7","number":"13","type":""},{"desc":"","name":"PA6","number":"12","type":""},{"desc":"","name":"PA5","number":"11","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 ----