← Commit history

sn74aup1g17dbvr: viewers

Ray ·9805970242 ·2mo ago ·parent cf3f69c
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='-2.450 -2.100 4.900 4.200' style='width:100%;height:100%'><line class='ly-silk' x1='-0.910' y1='-1.560' x2='0.910' y2='-1.560' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-0.910' y1='-1.510' x2='-0.910' y2='-1.560' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-0.910' y1='1.560' x2='-0.910' y2='1.510' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='0.910' y1='-1.560' x2='0.910' y2='-1.510' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='0.910' y1='-0.390' x2='0.910' y2='0.390' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='0.910' y1='1.510' x2='0.910' y2='1.560' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='0.910' y1='1.560' x2='-0.910' y2='1.560' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-courtyard' x1='-2.050' y1='-1.500' x2='-1.050' y2='-1.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.050' y1='1.500' x2='-2.050' y2='-1.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-1.050' y1='-1.700' x2='1.050' y2='-1.700' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-1.050' y1='-1.500' x2='-1.050' y2='-1.700' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-1.050' y1='1.500' x2='-2.050' y2='1.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-1.050' y1='1.700' x2='-1.050' y2='1.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='1.050' y1='-1.700' x2='1.050' y2='-1.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='1.050' y1='-1.500' x2='2.050' y2='-1.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='1.050' y1='-0.390' x2='1.050' y2='0.390' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='1.050' y1='0.390' x2='2.050' y2='0.390' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='1.050' y1='1.500' x2='1.050' y2='1.700' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='1.050' y1='1.700' x2='-1.050' y2='1.700' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.050' y1='-1.500' x2='2.050' y2='-0.390' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.050' y1='-0.390' x2='1.050' y2='-0.390' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.050' y1='0.390' x2='2.050' y2='1.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.050' y1='1.500' x2='1.050' y2='1.500' stroke='#4ade80' stroke-width='0.050'/><rect class='ly-copper pad' data-num='1' data-name='NC' x='-1.800' y='-1.250' width='1.325' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.137' y='-0.950' font-size='0.360' 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='A' x='-1.800' y='-0.300' width='1.325' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.137' y='0.000' font-size='0.360' 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='GND' x='-1.800' y='0.650' width='1.325' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.137' y='0.950' font-size='0.360' 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='Y' x='0.475' y='0.650' width='1.325' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.137' y='0.950' font-size='0.360' 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='VCC' x='0.475' y='-1.250' width='1.325' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.137' y='-0.950' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>5</text></svg></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-2.450 -2.100 4.900 4.200' style='width:100%;height:100%'><line class='ly-silk' x1='-0.910' y1='-1.560' x2='0.910' y2='-1.560' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-0.910' y1='-1.510' x2='-0.910' y2='-1.560' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-0.910' y1='1.560' x2='-0.910' y2='1.510' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='0.910' y1='-1.560' x2='0.910' y2='-1.510' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='0.910' y1='-0.390' x2='0.910' y2='0.390' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='0.910' y1='1.510' x2='0.910' y2='1.560' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='0.910' y1='1.560' x2='-0.910' y2='1.560' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-courtyard' x1='-2.050' y1='-1.500' x2='-1.050' y2='-1.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.050' y1='1.500' x2='-2.050' y2='-1.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-1.050' y1='-1.700' x2='1.050' y2='-1.700' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-1.050' y1='-1.500' x2='-1.050' y2='-1.700' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-1.050' y1='1.500' x2='-2.050' y2='1.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-1.050' y1='1.700' x2='-1.050' y2='1.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='1.050' y1='-1.700' x2='1.050' y2='-1.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='1.050' y1='-1.500' x2='2.050' y2='-1.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='1.050' y1='-0.390' x2='1.050' y2='0.390' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='1.050' y1='0.390' x2='2.050' y2='0.390' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='1.050' y1='1.500' x2='1.050' y2='1.700' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='1.050' y1='1.700' x2='-1.050' y2='1.700' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.050' y1='-1.500' x2='2.050' y2='-0.390' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.050' y1='-0.390' x2='1.050' y2='-0.390' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.050' y1='0.390' x2='2.050' y2='1.500' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.050' y1='1.500' x2='1.050' y2='1.500' stroke='#4ade80' stroke-width='0.050'/><rect class='ly-copper pad' data-num='1' data-name='N.C.' x='-1.800' y='-1.250' width='1.325' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.137' y='-0.950' font-size='0.360' 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='A' x='-1.800' y='-0.300' width='1.325' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.137' y='0.000' font-size='0.360' 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='GND' x='-1.800' y='0.650' width='1.325' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.137' y='0.950' font-size='0.360' 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='Y' x='0.475' y='0.650' width='1.325' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.137' y='0.950' font-size='0.360' 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='VCC' x='0.475' y='-1.250' width='1.325' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.137' y='-0.950' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>5</text></svg></div> <div id=tip></div> <script>-var KIND="footprint", MPN="RAY/SN74AUP1G17DBVR", PINS=[{"desc":"","name":"NC","number":"1","type":""},{"desc":"","name":"A","number":"2","type":""},{"desc":"","name":"GND","number":"3","type":""},{"desc":"","name":"VCC","number":"5","type":""},{"desc":"","name":"Y","number":"4","type":""}];+var KIND="footprint", MPN="RAY/SN74AUP1G17DBVR", PINS=[{"desc":"","name":"N.C.","number":"1","type":""},{"desc":"","name":"A","number":"2","type":""},{"desc":"","name":"GND","number":"3","type":""},{"desc":"","name":"VCC","number":"5","type":""},{"desc":"","name":"Y","number":"4","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='-750 -250 1500 500' style='width:100%;height:100%'><rect x='-500.0' y='-200.0' width='1000.0' height='400.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='NC'><line class='pinvis' x1='-700.0' y1='-100.0' x2='-500.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-100.0' x2='-500.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-55.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-470.0' y='-100.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>NC</text><g class='pingroup' data-num='2' data-name='A'><line class='pinvis' x1='-700.0' y1='-0.0' x2='-500.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-0.0' x2='-500.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-470.0' y='0.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>A</text><g class='pingroup' data-num='3' data-name='GND'><line class='pinvis' x1='-700.0' y1='100.0' x2='-500.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='100.0' x2='-500.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='145.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='-470.0' y='100.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>GND</text><g class='pingroup' data-num='5' data-name='VCC'><line class='pinvis' x1='700.0' y1='-0.0' x2='500.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-0.0' x2='500.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='470.0' y='0.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VCC</text><g class='pingroup' data-num='4' data-name='Y'><line class='pinvis' x1='700.0' y1='100.0' x2='500.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='100.0' x2='500.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='55.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='470.0' y='100.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>Y</text></svg></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-750 -250 1500 500' style='width:100%;height:100%'><rect x='-500.0' y='-200.0' width='1000.0' height='400.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='N.C.'><line class='pinvis' x1='-700.0' y1='-100.0' x2='-500.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-100.0' x2='-500.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-55.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-470.0' y='-100.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>N.C.</text><g class='pingroup' data-num='2' data-name='A'><line class='pinvis' x1='-700.0' y1='-0.0' x2='-500.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-0.0' x2='-500.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-470.0' y='0.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>A</text><g class='pingroup' data-num='3' data-name='GND'><line class='pinvis' x1='-700.0' y1='100.0' x2='-500.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='100.0' x2='-500.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='145.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='-470.0' y='100.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>GND</text><g class='pingroup' data-num='5' data-name='VCC'><line class='pinvis' x1='700.0' y1='-0.0' x2='500.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-0.0' x2='500.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='470.0' y='0.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VCC</text><g class='pingroup' data-num='4' data-name='Y'><line class='pinvis' x1='700.0' y1='100.0' x2='500.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='100.0' x2='500.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='55.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='470.0' y='100.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>Y</text></svg></div> <div id=tip></div> <script>-var KIND="symbol", MPN="RAY/SN74AUP1G17DBVR", PINS=[{"desc":"","name":"NC","number":"1","type":""},{"desc":"","name":"A","number":"2","type":""},{"desc":"","name":"GND","number":"3","type":""},{"desc":"","name":"VCC","number":"5","type":""},{"desc":"","name":"Y","number":"4","type":""}];+var KIND="symbol", MPN="RAY/SN74AUP1G17DBVR", PINS=[{"desc":"","name":"N.C.","number":"1","type":""},{"desc":"","name":"A","number":"2","type":""},{"desc":"","name":"GND","number":"3","type":""},{"desc":"","name":"VCC","number":"5","type":""},{"desc":"","name":"Y","number":"4","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 ----