njm4558

@@ -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='-350 -350 700 700' style='width:100%;height:100%'><polyline points='-200.0,-200.0 200.0,-0.0 -200.0,200.0 -200.0,-200.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-200.0,-200.0 200.0,-0.0 -200.0,200.0 -200.0,-200.0' fill='none' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='A_OUT'><line class='pinvis' x1='300.0' y1='-0.0' x2='200.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='300.0' y1='-0.0' x2='200.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='250.0' y='-37.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='175.0' y='0.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>A_OUT</text><g class='pingroup' data-num='2' data-name='-'><line class='pinvis' x1='-300.0' y1='100.0' x2='-200.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-300.0' y1='100.0' x2='-200.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-250.0' y='137.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-175.0' y='100.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>-</text><g class='pingroup' data-num='3' data-name='A_IN+'><line class='pinvis' x1='-300.0' y1='-100.0' x2='-200.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-300.0' y1='-100.0' x2='-200.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-250.0' y='-62.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='-175.0' y='-100.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>A_IN+</text><g class='pingroup' data-num='5' data-name='B_IN+'><line class='pinvis' x1='-300.0' y1='-100.0' x2='-200.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-300.0' y1='-100.0' x2='-200.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-250.0' y='-62.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='-175.0' y='-100.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>B_IN+</text><g class='pingroup' data-num='6' data-name='-'><line class='pinvis' x1='-300.0' y1='100.0' x2='-200.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-300.0' y1='100.0' x2='-200.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-250.0' y='137.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='-175.0' y='100.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>-</text><g class='pingroup' data-num='7' data-name='B_OUT'><line class='pinvis' x1='300.0' y1='-0.0' x2='200.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='300.0' y1='-0.0' x2='200.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='250.0' y='-37.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='175.0' y='0.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>B_OUT</text><g class='pingroup' data-num='4' data-name='V-'><line class='pinvis' x1='-100.0' y1='300.0' x2='-100.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-100.0' y1='300.0' x2='-100.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-55.0' y='225.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='-100.0' y='120.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>V-</text><g class='pingroup' data-num='8' data-name='V+'><line class='pinvis' x1='-100.0' y1='-300.0' x2='-100.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-100.0' y1='-300.0' x2='-100.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-145.0' y='-225.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='-100.0' y='-120.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>V+</text></svg></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-350 -350 700 700' style='width:100%;height:100%'><polyline points='-200.0,-200.0 200.0,-0.0 -200.0,200.0 -200.0,-200.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-200.0,-200.0 200.0,-0.0 -200.0,200.0 -200.0,-200.0' fill='none' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='A_OUT'><line class='pinvis' x1='300.0' y1='-0.0' x2='200.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='300.0' y1='-0.0' x2='200.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='250.0' y='-37.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='175.0' y='0.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>A_OUT</text><g class='pingroup' data-num='2' data-name='A_IN-'><line class='pinvis' x1='-300.0' y1='100.0' x2='-200.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-300.0' y1='100.0' x2='-200.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-250.0' y='137.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-175.0' y='100.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>A_IN-</text><g class='pingroup' data-num='3' data-name='A_IN+'><line class='pinvis' x1='-300.0' y1='-100.0' x2='-200.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-300.0' y1='-100.0' x2='-200.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-250.0' y='-62.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='-175.0' y='-100.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>A_IN+</text><g class='pingroup' data-num='5' data-name='B_IN+'><line class='pinvis' x1='-300.0' y1='-100.0' x2='-200.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-300.0' y1='-100.0' x2='-200.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-250.0' y='-62.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='-175.0' y='-100.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>B_IN+</text><g class='pingroup' data-num='6' data-name='B_IN-'><line class='pinvis' x1='-300.0' y1='100.0' x2='-200.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-300.0' y1='100.0' x2='-200.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-250.0' y='137.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='-175.0' y='100.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>B_IN-</text><g class='pingroup' data-num='7' data-name='B_OUT'><line class='pinvis' x1='300.0' y1='-0.0' x2='200.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='300.0' y1='-0.0' x2='200.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='250.0' y='-37.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='175.0' y='0.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>B_OUT</text><g class='pingroup' data-num='4' data-name='V-'><line class='pinvis' x1='-100.0' y1='300.0' x2='-100.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-100.0' y1='300.0' x2='-100.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-55.0' y='225.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='-100.0' y='120.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>V-</text><g class='pingroup' data-num='8' data-name='V+'><line class='pinvis' x1='-100.0' y1='-300.0' x2='-100.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-100.0' y1='-300.0' x2='-100.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-145.0' y='-225.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='-100.0' y='-120.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>V+</text></svg></div> <div id=tip></div> <script>-var KIND="symbol", MPN="ADOM/NJM4558", PINS=[{"desc":"","name":"A_OUT","number":"1","type":""},{"desc":"","name":"-","number":"2","type":""},{"desc":"","name":"A_IN+","number":"3","type":""},{"desc":"","name":"B_IN+","number":"5","type":""},{"desc":"","name":"-","number":"6","type":""},{"desc":"","name":"B_OUT","number":"7","type":""},{"desc":"","name":"V-","number":"4","type":""},{"desc":"","name":"V+","number":"8","type":""}];+var KIND="symbol", MPN="ADOM/NJM4558", PINS=[{"desc":"","name":"A_OUT","number":"1","type":""},{"desc":"","name":"A_IN-","number":"2","type":""},{"desc":"","name":"A_IN+","number":"3","type":""},{"desc":"","name":"B_IN+","number":"5","type":""},{"desc":"","name":"B_IN-","number":"6","type":""},{"desc":"","name":"B_OUT","number":"7","type":""},{"desc":"","name":"V-","number":"4","type":""},{"desc":"","name":"V+","number":"8","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 ----