← Commit history

drv8836dssr: viewers

Ray ·0ea545a5ab ·4d ago ·parent b71dd6c
1 file changed +2−2
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 -450 1500 900' style='width:100%;height:100%'><rect x='-500.0' y='-400.0' width='1000.0' height='800.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='VCC'><line class='pinvis' x1='-700.0' y1='-300.0' x2='-500.0' y2='-300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-300.0' x2='-500.0' y2='-300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-255.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-470.0' y='-300.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>VCC</text><g class='pingroup' data-num='2' data-name='AOUT1'><line class='pinvis' x1='-700.0' y1='-200.0' x2='-500.0' y2='-200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-200.0' x2='-500.0' y2='-200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-155.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-470.0' y='-200.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>AOUT1</text><g class='pingroup' data-num='3' data-name='AOUT2'><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'>3</text><text x='-470.0' y='-100.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>AOUT2</text><g class='pingroup' data-num='4' data-name='BOUT1'><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'>4</text><text x='-470.0' y='0.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>BOUT1</text><g class='pingroup' data-num='5' data-name='BOUT2'><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'>5</text><text x='-470.0' y='100.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>BOUT2</text><g class='pingroup' data-num='6' data-name='GND'><line class='pinvis' x1='-700.0' y1='200.0' x2='-500.0' y2='200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='200.0' x2='-500.0' y2='200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='245.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='-470.0' y='200.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>GND</text><g class='pingroup' data-num='7' data-name='BIN2/BENBL'><line class='pinvis' x1='-700.0' y1='300.0' x2='-500.0' y2='300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='300.0' x2='-500.0' y2='300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='345.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='-470.0' y='300.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>BIN2/BENBL</text><g class='pingroup' data-num='13' data-name='PPAD'><line class='pinvis' x1='700.0' y1='-200.0' x2='500.0' y2='-200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-200.0' x2='500.0' y2='-200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-245.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='470.0' y='-200.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PPAD</text><g class='pingroup' data-num='12' data-name='nSLEEP'><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'>12</text><text x='470.0' y='-100.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>nSLEEP</text><g class='pingroup' data-num='11' data-name='MODE'><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'>11</text><text x='470.0' y='0.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>MODE</text><g class='pingroup' data-num='10' data-name='AIN1/APHASE'><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'>10</text><text x='470.0' y='100.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>AIN1/APHASE</text><g class='pingroup' data-num='9' data-name='AIN2/AENBL'><line class='pinvis' x1='700.0' y1='200.0' x2='500.0' y2='200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='200.0' x2='500.0' y2='200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='155.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='470.0' y='200.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>AIN2/AENBL</text><g class='pingroup' data-num='8' data-name='BIN1/BPHASE'><line class='pinvis' x1='700.0' y1='300.0' x2='500.0' y2='300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='300.0' x2='500.0' y2='300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='255.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='470.0' y='300.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>BIN1/BPHASE</text></svg></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-750 -450 1500 900' style='width:100%;height:100%'><rect x='-500.0' y='-400.0' width='1000.0' height='800.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='VCC'><line class='pinvis' x1='-700.0' y1='-300.0' x2='-500.0' y2='-300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-300.0' x2='-500.0' y2='-300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-255.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-470.0' y='-300.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>VCC</text><g class='pingroup' data-num='2' data-name='AOUT1'><line class='pinvis' x1='-700.0' y1='-200.0' x2='-500.0' y2='-200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-200.0' x2='-500.0' y2='-200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-155.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-470.0' y='-200.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>AOUT1</text><g class='pingroup' data-num='3' data-name='AOUT2'><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'>3</text><text x='-470.0' y='-100.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>AOUT2</text><g class='pingroup' data-num='4' data-name='BOUT1'><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'>4</text><text x='-470.0' y='0.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>BOUT1</text><g class='pingroup' data-num='5' data-name='BOUT2'><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'>5</text><text x='-470.0' y='100.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>BOUT2</text><g class='pingroup' data-num='6' data-name='GND'><line class='pinvis' x1='-700.0' y1='200.0' x2='-500.0' y2='200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='200.0' x2='-500.0' y2='200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='245.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='-470.0' y='200.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>GND</text><g class='pingroup' data-num='7' data-name='BIN2/BENBL'><line class='pinvis' x1='-700.0' y1='300.0' x2='-500.0' y2='300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='300.0' x2='-500.0' y2='300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='345.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='-470.0' y='300.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>BIN2/BENBL</text><g class='pingroup' data-num='13' data-name='GND (PPAD)'><line class='pinvis' x1='700.0' y1='-200.0' x2='500.0' y2='-200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-200.0' x2='500.0' y2='-200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-245.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='470.0' y='-200.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GND (PPAD)</text><g class='pingroup' data-num='12' data-name='nSLEEP'><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'>12</text><text x='470.0' y='-100.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>nSLEEP</text><g class='pingroup' data-num='11' data-name='MODE'><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'>11</text><text x='470.0' y='0.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>MODE</text><g class='pingroup' data-num='10' data-name='AIN1/APHASE'><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'>10</text><text x='470.0' y='100.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>AIN1/APHASE</text><g class='pingroup' data-num='9' data-name='AIN2/AENBL'><line class='pinvis' x1='700.0' y1='200.0' x2='500.0' y2='200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='200.0' x2='500.0' y2='200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='155.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='470.0' y='200.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>AIN2/AENBL</text><g class='pingroup' data-num='8' data-name='BIN1/BPHASE'><line class='pinvis' x1='700.0' y1='300.0' x2='500.0' y2='300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='300.0' x2='500.0' y2='300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='255.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='470.0' y='300.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>BIN1/BPHASE</text></svg></div> <div id=tip></div> <script>-var KIND="symbol", MPN="ADOM/DRV8836DSSR", PINS=[{"desc":"","name":"VCC","number":"1","type":""},{"desc":"","name":"AOUT1","number":"2","type":""},{"desc":"","name":"AOUT2","number":"3","type":""},{"desc":"","name":"BOUT1","number":"4","type":""},{"desc":"","name":"BOUT2","number":"5","type":""},{"desc":"","name":"GND","number":"6","type":""},{"desc":"","name":"BIN2/BENBL","number":"7","type":""},{"desc":"","name":"PPAD","number":"13","type":""},{"desc":"","name":"nSLEEP","number":"12","type":""},{"desc":"","name":"MODE","number":"11","type":""},{"desc":"","name":"AIN1/APHASE","number":"10","type":""},{"desc":"","name":"AIN2/AENBL","number":"9","type":""},{"desc":"","name":"BIN1/BPHASE","number":"8","type":""}];+var KIND="symbol", MPN="ADOM/DRV8836DSSR", PINS=[{"desc":"","name":"VCC","number":"1","type":""},{"desc":"","name":"AOUT1","number":"2","type":""},{"desc":"","name":"AOUT2","number":"3","type":""},{"desc":"","name":"BOUT1","number":"4","type":""},{"desc":"","name":"BOUT2","number":"5","type":""},{"desc":"","name":"GND","number":"6","type":""},{"desc":"","name":"BIN2/BENBL","number":"7","type":""},{"desc":"","name":"GND (PPAD)","number":"13","type":""},{"desc":"","name":"nSLEEP","number":"12","type":""},{"desc":"","name":"MODE","number":"11","type":""},{"desc":"","name":"AIN1/APHASE","number":"10","type":""},{"desc":"","name":"AIN2/AENBL","number":"9","type":""},{"desc":"","name":"BIN1/BPHASE","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 ----