main
Ray pic18f45k20-i: viewers c79da1f 25d ago
<!doctype html><html lang=en><head><meta charset=utf-8>
<meta name=viewport content="width=device-width,initial-scale=1"><title>RAY/PIC18F45K20-I 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%}
body{background:var(--bg);color:var(--ink);font-family:'Satoshi',system-ui,sans-serif;display:flex;flex-direction:column}
.bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 11px;border-bottom:1px solid var(--edge);flex:none}
.bar .h{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);font-weight:700}
.bar .sp{flex:1}
.lyrtog{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--mut);background:#1a2130;border:1px solid var(--edge);border-radius:999px;padding:3px 9px;cursor:pointer;user-select:none}
.lyrtog.on{color:var(--ink);border-color:#485162}.lyrtog:not(.on){opacity:.5}
.lyrtog .d{width:8px;height:8px;border-radius:50%;background:#485162}
.stage{flex:1;min-height:0;position:relative;overflow:hidden;background:var(--bg);cursor:grab;touch-action:none}
.stage.drag{cursor:grabbing}
.stage svg{position:absolute;inset:0;width:100%;height:100%}
.pingroup,.pad{cursor:pointer}
.pingroup.hi .pinvis{stroke:var(--hi)!important;stroke-width:7}
rect.pad.hi{stroke:var(--hi);stroke-width:.15;paint-order:stroke}
.lyr-off{display:none}
#tip{position:fixed;z-index:99;pointer-events:none;display:none;max-width:250px;background:#0d1117;border:1px solid var(--acc);border-radius:8px;padding:7px 10px;box-shadow:0 8px 26px #000a}
#tip .tn{font:700 12px ui-monospace,monospace;color:var(--accb)}
#tip .tt{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);margin-top:1px}
#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='-7.050 -7.050 14.100 14.100' style='width:100%;height:100%'><line class='ly-silk' x1='-5.110' y1='-5.110' x2='-4.535' y2='-5.110' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-5.110' y1='-4.535' x2='-5.110' y2='-5.110' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-5.110' y1='5.110' x2='-5.110' y2='4.535' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-4.535' y1='5.110' x2='-5.110' y2='5.110' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='4.535' y1='-5.110' x2='5.110' y2='-5.110' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='5.110' y1='-5.110' x2='5.110' y2='-4.535' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='5.110' y1='4.535' x2='5.110' y2='5.110' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='5.110' y1='5.110' x2='4.535' y2='5.110' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-courtyard' x1='-6.650' y1='-4.530' x2='-5.250' y2='-4.530' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-6.650' y1='4.530' x2='-6.650' y2='-4.530' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-5.250' y1='-5.250' x2='-4.530' y2='-5.250' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-5.250' y1='-4.530' x2='-5.250' y2='-5.250' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-5.250' y1='4.530' x2='-6.650' y2='4.530' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-5.250' y1='5.250' x2='-5.250' y2='4.530' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-4.530' y1='-6.650' x2='4.530' y2='-6.650' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-4.530' y1='-5.250' x2='-4.530' y2='-6.650' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-4.530' y1='5.250' x2='-5.250' y2='5.250' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-4.530' y1='6.650' x2='-4.530' y2='5.250' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='4.530' y1='-6.650' x2='4.530' y2='-5.250' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='4.530' y1='-5.250' x2='5.250' y2='-5.250' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='4.530' y1='5.250' x2='4.530' y2='6.650' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='4.530' y1='6.650' x2='-4.530' y2='6.650' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='5.250' y1='-5.250' x2='5.250' y2='-4.530' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='5.250' y1='-4.530' x2='6.650' y2='-4.530' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='5.250' y1='4.530' x2='5.250' y2='5.250' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='5.250' y1='5.250' x2='4.530' y2='5.250' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='6.650' y1='-4.530' x2='6.650' y2='4.530' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='6.650' y1='4.530' x2='5.250' y2='4.530' stroke='#4ade80' stroke-width='0.050'/><polygon class='ly-silk' points='-5.750,-4.540 -6.090,-5.010 -5.410,-5.010' fill='#d8b4fe' stroke='none'/><polygon class='ly-fab' points='-4.000,-5.000 5.000,-5.000 5.000,5.000 -5.000,5.000 -5.000,-4.000' fill='none' stroke='#f472b6' stroke-width='0.100'/><rect class='ly-copper pad' data-num='1' data-name='MCLR/VPP/RE3' x='-6.400' y='-4.275' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-5.662' y='-4.000' 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='RA0/AN0/C12IN0-' x='-6.400' y='-3.475' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-5.662' y='-3.200' 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='RA1/AN1/C12IN1-' x='-6.400' y='-2.675' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-5.662' y='-2.400' 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='RA2/AN2/VREF-/CVREF/C2IN+' x='-6.400' y='-1.875' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-5.662' y='-1.600' 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='RA3/AN3/VREF+/C1IN+' x='-6.400' y='-1.075' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-5.662' y='-0.800' 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='RA4/T0CKI/C1OUT' x='-6.400' y='-0.275' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-5.662' y='0.000' 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='RA5/AN4/SS/HLVDIN/C2OUT' x='-6.400' y='0.525' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-5.662' y='0.800' 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='RE0/RD/AN5' x='-6.400' y='1.325' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-5.662' y='1.600' 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='RE1/WR/AN6' x='-6.400' y='2.125' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-5.662' y='2.400' 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='RE2/CS/AN7' x='-6.400' y='2.925' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-5.662' y='3.200' 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='VDD' x='-6.400' y='3.725' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-5.662' y='4.000' 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='VSS' x='-4.275' y='4.925' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.000' y='5.662' font-size='0.350' transform='rotate(-90 -4.000 5.662)' 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='OSC1/CLKIN/RA7' x='-3.475' y='4.925' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.200' y='5.662' font-size='0.350' transform='rotate(-90 -3.200 5.662)' 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='OSC2/CLKOUT/RA6' x='-2.675' y='4.925' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.400' y='5.662' font-size='0.350' transform='rotate(-90 -2.400 5.662)' 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='RC0/T1OSO/T13CKI' x='-1.875' y='4.925' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.600' y='5.662' font-size='0.350' transform='rotate(-90 -1.600 5.662)' 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='RC1/T1OSI/CCP2' x='-1.075' y='4.925' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.800' y='5.662' font-size='0.350' transform='rotate(-90 -0.800 5.662)' 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='RC2/CCP1/P1A' x='-0.275' y='4.925' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='5.662' font-size='0.350' transform='rotate(-90 0.000 5.662)' 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='RC3/SCK/SCL' x='0.525' y='4.925' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.800' y='5.662' font-size='0.350' transform='rotate(-90 0.800 5.662)' 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='RD0/PSP0' x='1.325' y='4.925' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.600' y='5.662' font-size='0.350' transform='rotate(-90 1.600 5.662)' 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='RD1/PSP1' x='2.125' y='4.925' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.400' y='5.662' font-size='0.350' transform='rotate(-90 2.400 5.662)' 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='RD2/PSP2' x='2.925' y='4.925' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.200' y='5.662' font-size='0.350' transform='rotate(-90 3.200 5.662)' 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='RD3/PSP3' x='3.725' y='4.925' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.000' y='5.662' font-size='0.350' transform='rotate(-90 4.000 5.662)' 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='RC4/SDI/SDA' x='4.925' y='3.725' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='5.662' y='4.000' 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='RC5/SDO' x='4.925' y='2.925' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='5.662' y='3.200' 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='RC6/TX/CK' x='4.925' y='2.125' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='5.662' y='2.400' 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='RC7/RX/DT' x='4.925' y='1.325' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='5.662' y='1.600' 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='RD4/PSP4' x='4.925' y='0.525' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='5.662' y='0.800' 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='RD5/PSP5/P1B' x='4.925' y='-0.275' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='5.662' y='0.000' 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><rect class='ly-copper pad' data-num='29' data-name='RD6/PSP6/P1C' x='4.925' y='-1.075' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='5.662' y='-0.800' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>29</text><rect class='ly-copper pad' data-num='30' data-name='RD7/PSP7/P1D' x='4.925' y='-1.875' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='5.662' y='-1.600' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>30</text><rect class='ly-copper pad' data-num='31' data-name='VSS' x='4.925' y='-2.675' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='5.662' y='-2.400' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>31</text><rect class='ly-copper pad' data-num='32' data-name='VDD' x='4.925' y='-3.475' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='5.662' y='-3.200' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>32</text><rect class='ly-copper pad' data-num='33' data-name='RB0/INT0/FLT0/AN12' x='4.925' y='-4.275' width='1.475' height='0.550' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='5.662' y='-4.000' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>33</text><rect class='ly-copper pad' data-num='34' data-name='RB1/INT1/AN10/C12IN3-' x='3.725' y='-6.400' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.000' y='-5.662' font-size='0.350' transform='rotate(-90 4.000 -5.662)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>34</text><rect class='ly-copper pad' data-num='35' data-name='RB2/INT2/AN8' x='2.925' y='-6.400' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='3.200' y='-5.662' font-size='0.350' transform='rotate(-90 3.200 -5.662)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>35</text><rect class='ly-copper pad' data-num='36' data-name='RB3/AN9/C12IN2-/CCP2' x='2.125' y='-6.400' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.400' y='-5.662' font-size='0.350' transform='rotate(-90 2.400 -5.662)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>36</text><rect class='ly-copper pad' data-num='37' data-name='RB4/KBI0/AN11' x='1.325' y='-6.400' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.600' y='-5.662' font-size='0.350' transform='rotate(-90 1.600 -5.662)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>37</text><rect class='ly-copper pad' data-num='38' data-name='RB5/KBI1/PGM' x='0.525' y='-6.400' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.800' y='-5.662' font-size='0.350' transform='rotate(-90 0.800 -5.662)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>38</text><rect class='ly-copper pad' data-num='39' data-name='RB6/KBI2/PGC' x='-0.275' y='-6.400' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='-5.662' font-size='0.350' transform='rotate(-90 0.000 -5.662)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>39</text><rect class='ly-copper pad' data-num='40' data-name='RB7/KBI3/PGD' x='-1.075' y='-6.400' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.800' y='-5.662' font-size='0.350' transform='rotate(-90 -0.800 -5.662)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>40</text><rect class='ly-copper pad' data-num='41' data-name='' x='-1.875' y='-6.400' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.600' y='-5.662' font-size='0.350' transform='rotate(-90 -1.600 -5.662)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>41</text><rect class='ly-copper pad' data-num='42' data-name='' x='-2.675' y='-6.400' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.400' y='-5.662' font-size='0.350' transform='rotate(-90 -2.400 -5.662)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>42</text><rect class='ly-copper pad' data-num='43' data-name='' x='-3.475' y='-6.400' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-3.200' y='-5.662' font-size='0.350' transform='rotate(-90 -3.200 -5.662)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>43</text><rect class='ly-copper pad' data-num='44' data-name='' x='-4.275' y='-6.400' width='0.550' height='1.475' rx='0.138' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.000' y='-5.662' font-size='0.350' transform='rotate(-90 -4.000 -5.662)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>44</text></svg></div>
<div id=tip></div>
<script>
var KIND="footprint", MPN="RAY/PIC18F45K20-I", PINS=[{"desc":"","name":"MCLR/VPP/RE3","number":"1","type":""},{"desc":"","name":"RA0/AN0/C12IN0-","number":"2","type":""},{"desc":"","name":"RA1/AN1/C12IN1-","number":"3","type":""},{"desc":"","name":"RA2/AN2/VREF-/CVREF/C2IN+","number":"4","type":""},{"desc":"","name":"RA3/AN3/VREF+/C1IN+","number":"5","type":""},{"desc":"","name":"RA4/T0CKI/C1OUT","number":"6","type":""},{"desc":"","name":"RA5/AN4/SS/HLVDIN/C2OUT","number":"7","type":""},{"desc":"","name":"RE0/RD/AN5","number":"8","type":""},{"desc":"","name":"RE1/WR/AN6","number":"9","type":""},{"desc":"","name":"RE2/CS/AN7","number":"10","type":""},{"desc":"","name":"VDD","number":"11","type":""},{"desc":"","name":"VSS","number":"12","type":""},{"desc":"","name":"OSC1/CLKIN/RA7","number":"13","type":""},{"desc":"","name":"OSC2/CLKOUT/RA6","number":"14","type":""},{"desc":"","name":"RC0/T1OSO/T13CKI","number":"15","type":""},{"desc":"","name":"RC1/T1OSI/CCP2","number":"16","type":""},{"desc":"","name":"RC2/CCP1/P1A","number":"17","type":""},{"desc":"","name":"RC3/SCK/SCL","number":"18","type":""},{"desc":"","name":"RD0/PSP0","number":"19","type":""},{"desc":"","name":"RD1/PSP1","number":"20","type":""},{"desc":"","name":"RB7/KBI3/PGD","number":"40","type":""},{"desc":"","name":"RB6/KBI2/PGC","number":"39","type":""},{"desc":"","name":"RB5/KBI1/PGM","number":"38","type":""},{"desc":"","name":"RB4/KBI0/AN11","number":"37","type":""},{"desc":"","name":"RB3/AN9/C12IN2-/CCP2","number":"36","type":""},{"desc":"","name":"RB2/INT2/AN8","number":"35","type":""},{"desc":"","name":"RB1/INT1/AN10/C12IN3-","number":"34","type":""},{"desc":"","name":"RB0/INT0/FLT0/AN12","number":"33","type":""},{"desc":"","name":"VDD","number":"32","type":""},{"desc":"","name":"VSS","number":"31","type":""},{"desc":"","name":"RD7/PSP7/P1D","number":"30","type":""},{"desc":"","name":"RD6/PSP6/P1C","number":"29","type":""},{"desc":"","name":"RD5/PSP5/P1B","number":"28","type":""},{"desc":"","name":"RD4/PSP4","number":"27","type":""},{"desc":"","name":"RC7/RX/DT","number":"26","type":""},{"desc":"","name":"RC6/TX/CK","number":"25","type":""},{"desc":"","name":"RC5/SDO","number":"24","type":""},{"desc":"","name":"RC4/SDI/SDA","number":"23","type":""},{"desc":"","name":"RD3/PSP3","number":"22","type":""},{"desc":"","name":"RD2/PSP2","number":"21","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 ----
var vb=(svg.getAttribute('viewBox')||'0 0 100 100').split(/\s+/).map(Number), base=vb.slice();
function setVB(){svg.setAttribute('viewBox',vb.join(' '));}
stage.addEventListener('wheel',function(e){e.preventDefault();var r=stage.getBoundingClientRect();var mx=(e.clientX-r.left)/r.width,my=(e.clientY-r.top)/r.height;var f=e.deltaY<0?0.88:1.14;var nw=vb[2]*f,nh=vb[3]*f;vb[0]+=(vb[2]-nw)*mx;vb[1]+=(vb[3]-nh)*my;vb[2]=nw;vb[3]=nh;setVB();},{passive:false});
var pan=null;
stage.addEventListener('pointerdown',function(e){pan={x:e.clientX,y:e.clientY};stage.classList.add('drag');stage.setPointerCapture(e.pointerId);});
stage.addEventListener('pointermove',function(e){if(!pan)return;var r=stage.getBoundingClientRect();vb[0]-=(e.clientX-pan.x)/r.width*vb[2];vb[1]-=(e.clientY-pan.y)/r.height*vb[3];pan={x:e.clientX,y:e.clientY};setVB();});
function endPan(){pan=null;stage.classList.remove('drag');}
stage.addEventListener('pointerup',endPan);stage.addEventListener('pointerleave',endPan);
stage.addEventListener('dblclick',function(){vb=base.slice();setVB();});
// ---- cross-highlight bus ----
function els(n){return [].slice.call(document.querySelectorAll('[data-num="'+n+'"]'));}
function clearHi(){[].slice.call(document.querySelectorAll('.hi')).forEach(function(e){e.classList.remove('hi');});}
function hi(n){els(n).forEach(function(e){e.classList.add('hi');});}
function post(n){try{parent.postMessage({type:'lbr-hover',pin:n===null?null:String(n),mpn:MPN},'*');}catch(_){}}
function showTip(n,x,y){var p=byNum[String(n)];if(!p)return;tip.innerHTML='<span class=tn></span><div class=tt></div><div class=td></div>';tip.querySelector('.tn').textContent=n+'  '+(p.name||'');tip.querySelector('.tt').textContent=p.type||'';var d=p.desc||'';if(d)tip.querySelector('.td').textContent=d;else tip.querySelector('.td').style.display='none';tip.style.display='block';tip.style.left=(x+14)+'px';tip.style.top=(y+12)+'px';}
[].slice.call(document.querySelectorAll('.pingroup,.pad')).forEach(function(g){
  var n=g.getAttribute('data-num');
  g.addEventListener('mouseenter',function(e){clearHi();hi(n);post(n);showTip(n,e.clientX,e.clientY);});
  g.addEventListener('mousemove',function(e){tip.style.left=(e.clientX+14)+'px';tip.style.top=(e.clientY+12)+'px';});
  g.addEventListener('mouseleave',function(){clearHi();post(null);tip.style.display='none';});
});
window.addEventListener('message',function(e){var d=e.data||{};if(d.type!=='lbr-hover')return;clearHi();if(d.pin!=null)hi(d.pin);});
// ---- footprint layer toggles ----
[].slice.call(document.querySelectorAll('.lyrtog')).forEach(function(b){
  function apply(on){[].slice.call(document.querySelectorAll('.ly-'+b.getAttribute('data-lyr'))).forEach(function(el){el.classList.toggle('lyr-off',!on);});}
  apply(b.classList.contains('on'));
  b.addEventListener('click',function(){apply(b.classList.toggle('on'));});
});
// ---- auto-grow the host readme iframe ----
function ph(){var h=Math.max(360,Math.min(16000,document.body.scrollHeight||420));parent.postMessage({type:'readme-height',height:h},'*');}
window.addEventListener('load',ph);setTimeout(ph,300);
</script>
</body></html>