← Commit history

ptv09a-2020s-a103: viewers

Ray ·9b86964ab7 ·8h ago ·parent 0711e6c
2 files changed +5−5
viewers/footprint.html+3−3
@@ -1,5 +1,5 @@ <!doctype html><html><head><meta charset="utf-8">-<title>BOURNS_PTV09 - adom-footprint</title>+<title>Bourns_PTV09_e64ff8 - adom-footprint</title> <meta name="viewport" content="width=device-width,initial-scale=1"> <style> /* ── adom-footprint shared viewer core (CSS) ───────────────────────────────@@ -53,11 +53,11 @@ aside .ah{padding:9px 12px;border-bottom:1px solid var(--border);font-size:12px; .note b{color:#7ef0d2} </style></head> <body>-  <header><span class="dot"></span><span class="b">adom-footprint <span>· interactive</span></span><span class="nm">BOURNS_PTV09</span></header>+  <header><span class="dot"></span><span class="b">adom-footprint <span>· interactive</span></span><span class="nm">Bourns_PTV09_e64ff8</span></header>   <main>     <div class="vpwrap">       <div class="av-vp" id="vp">-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="-6.500 -7.850 13.000 9.800" preserveAspectRatio="xMidYMid meet"><g class="adom-layer-courtyard"><polygon points="-5.6000,-4.8000 -5.1000,-4.8000 -5.1000,-6.9500 5.1000,-6.9500 5.1000,-4.8000 5.6000,-4.8000 5.6000,-1.8000 5.1000,-1.8000 5.1000,0.3500 3.5500,0.3500 3.5500,1.0500 -3.5500,1.0500 -3.5500,0.3500 -5.1000,0.3500 -5.1000,-1.8000 -5.6000,-1.8000" stroke="#FF26E2" stroke-width="0.050" fill="none"/></g><g class="adom-layer-fab"><line x1="-4.850" y1="-6.700" x2="4.850" y2="-6.700" stroke="#6e7681" stroke-width="0.1"/><line x1="4.850" y1="-6.700" x2="4.850" y2="0.100" stroke="#6e7681" stroke-width="0.1"/><line x1="4.850" y1="0.100" x2="-4.850" y2="0.100" stroke="#6e7681" stroke-width="0.1"/><line x1="-4.850" y1="0.100" x2="-4.850" y2="-6.700" stroke="#6e7681" stroke-width="0.1"/></g><g class="adom-layer-copper"><g data-pad="1" data-shape="circle" data-size="1.600x1.600" data-mount="thru_hole"><circle cx="-2.500" cy="0.000" r="0.800" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="2" data-shape="circle" data-size="1.600x1.600" data-mount="thru_hole"><circle cx="0.000" cy="0.000" r="0.800" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="3" data-shape="circle" data-size="1.600x1.600" data-mount="thru_hole"><circle cx="2.500" cy="0.000" r="0.800" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="MP" data-shape="oval" data-size="2.500x2.500" data-mount="thru_hole"><rect x="-5.350" y="-4.550" width="2.500" height="2.500" rx="1.250" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="MP" data-shape="oval" data-size="2.500x2.500" data-mount="thru_hole"><rect x="2.850" y="-4.550" width="2.500" height="2.500" rx="1.250" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g></g><g class="adom-layer-heatsink"></g><g class="adom-layer-drill"><circle cx="-2.500" cy="0.000" r="0.500" fill="#0d1117" stroke="#666" stroke-width="0.05"/><circle cx="0.000" cy="0.000" r="0.500" fill="#0d1117" stroke="#666" stroke-width="0.05"/><circle cx="2.500" cy="0.000" r="0.500" fill="#0d1117" stroke="#666" stroke-width="0.05"/><circle cx="-4.100" cy="-3.300" r="0.900" fill="#0d1117" stroke="#666" stroke-width="0.05"/><circle cx="4.100" cy="-3.300" r="0.900" fill="#0d1117" stroke="#666" stroke-width="0.05"/></g><g class="adom-layer-silk"><line x1="-3.700" y1="-0.800" x2="-3.700" y2="0.800" stroke="#00cccc" stroke-width="0.12" stroke-linecap="round"/></g><g class="adom-layer-padnum"><text x="-2.500" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="0.672" fill="#fff" font-family="sans-serif" style="pointer-events:none">1</text><text x="0.000" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="0.672" fill="#fff" font-family="sans-serif" style="pointer-events:none">2</text><text x="2.500" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="0.672" fill="#fff" font-family="sans-serif" style="pointer-events:none">3</text><text x="-4.100" y="-3.300" text-anchor="middle" dominant-baseline="central" font-size="1.050" fill="#fff" font-family="sans-serif" style="pointer-events:none">MP</text><text x="4.100" y="-3.300" text-anchor="middle" dominant-baseline="central" font-size="1.050" fill="#fff" font-family="sans-serif" style="pointer-events:none">MP</text></g><g class="adom-layer-paste-apertures"></g><g class="adom-layer-paste-dots"></g></svg>+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="-7.400 -7.850 14.800 9.850" preserveAspectRatio="xMidYMid meet"><g class="adom-layer-courtyard"><polygon points="-6.5000,-5.0000 -5.1000,-5.0000 -5.1000,-6.9500 5.1000,-6.9500 5.1000,-5.0000 6.5000,-5.0000 6.5000,-1.6000 5.1000,-1.6000 5.1000,0.3500 3.6000,0.3500 3.6000,1.1000 -3.6000,1.1000 -3.6000,0.3500 -5.1000,0.3500 -5.1000,-1.6000 -6.5000,-1.6000" stroke="#FF26E2" stroke-width="0.050" fill="none"/></g><g class="adom-layer-fab"><line x1="-4.850" y1="-6.700" x2="4.850" y2="-6.700" stroke="#6e7681" stroke-width="0.1"/><line x1="4.850" y1="-6.700" x2="4.850" y2="0.100" stroke="#6e7681" stroke-width="0.1"/><line x1="4.850" y1="0.100" x2="-4.850" y2="0.100" stroke="#6e7681" stroke-width="0.1"/><line x1="-4.850" y1="0.100" x2="-4.850" y2="-6.700" stroke="#6e7681" stroke-width="0.1"/></g><g class="adom-layer-copper"><g data-pad="1" data-shape="circle" data-size="1.700x1.700" data-mount="thru_hole"><circle cx="-2.500" cy="0.000" r="0.850" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="2" data-shape="circle" data-size="1.700x1.700" data-mount="thru_hole"><circle cx="0.000" cy="0.000" r="0.850" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="3" data-shape="circle" data-size="1.700x1.700" data-mount="thru_hole"><circle cx="2.500" cy="0.000" r="0.850" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="MP" data-shape="oval" data-size="2.500x2.900" data-mount="thru_hole"><rect x="-6.250" y="-4.750" width="2.500" height="2.900" rx="1.250" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="MP" data-shape="oval" data-size="2.500x2.900" data-mount="thru_hole"><rect x="3.750" y="-4.750" width="2.500" height="2.900" rx="1.250" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g></g><g class="adom-layer-heatsink"></g><g class="adom-layer-drill"><circle cx="-2.500" cy="0.000" r="0.500" fill="#0d1117" stroke="#666" stroke-width="0.05"/><circle cx="0.000" cy="0.000" r="0.500" fill="#0d1117" stroke="#666" stroke-width="0.05"/><circle cx="2.500" cy="0.000" r="0.500" fill="#0d1117" stroke="#666" stroke-width="0.05"/><circle cx="-5.000" cy="-3.300" r="0.625" fill="#0d1117" stroke="#666" stroke-width="0.05"/><circle cx="5.000" cy="-3.300" r="0.625" fill="#0d1117" stroke="#666" stroke-width="0.05"/></g><g class="adom-layer-silk"><line x1="-3.750" y1="-0.850" x2="-3.750" y2="0.850" stroke="#00cccc" stroke-width="0.12" stroke-linecap="round"/></g><g class="adom-layer-padnum"><text x="-2.500" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="0.714" fill="#fff" font-family="sans-serif" style="pointer-events:none">1</text><text x="0.000" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="0.714" fill="#fff" font-family="sans-serif" style="pointer-events:none">2</text><text x="2.500" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="0.714" fill="#fff" font-family="sans-serif" style="pointer-events:none">3</text><text x="-5.000" y="-3.300" text-anchor="middle" dominant-baseline="central" font-size="1.050" fill="#fff" font-family="sans-serif" style="pointer-events:none">MP</text><text x="5.000" y="-3.300" text-anchor="middle" dominant-baseline="central" font-size="1.050" fill="#fff" font-family="sans-serif" style="pointer-events:none">MP</text></g><g class="adom-layer-paste-apertures"></g><g class="adom-layer-paste-dots"></g></svg>       </div>     </div>     <aside>
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 -200 1500 400' style='width:100%;height:100%'><rect x='-500.0' y='-150.0' width='1000.0' height='300.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='Terminal 1'><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'>1</text><text x='-470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>Terminal 1</text><g class='pingroup' data-num='2' data-name='Terminal 2'><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'>2</text><text x='-470.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>Terminal 2</text><g class='pingroup' data-num='3' data-name='Terminal 3'><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'>3</text><text x='470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>Terminal 3</text></svg></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-750 -200 1500 400' style='width:100%;height:100%'><rect x='-500.0' y='-150.0' width='1000.0' height='300.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='1'><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'>1</text><text x='-470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>1</text><g class='pingroup' data-num='2' data-name='2'><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'>2</text><text x='-470.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>2</text><g class='pingroup' data-num='3' data-name='3'><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'>3</text><text x='470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>3</text></svg></div> <div id=tip></div> <script>-var KIND="symbol", MPN="ADOM/PTV09A-2020S-A103", PINS=[{"desc":"","name":"Terminal 1","number":"1","type":""},{"desc":"","name":"Terminal 2","number":"2","type":""},{"desc":"","name":"Terminal 3","number":"3","type":""}];+var KIND="symbol", MPN="ADOM/PTV09A-2020S-A103", PINS=[{"desc":"","name":"1","number":"1","type":""},{"desc":"","name":"2","number":"2","type":""},{"desc":"","name":"3","number":"3","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 ----