CJU1117B-3.3

@@ -26,7 +26,7 @@ rect.pad.hi{stroke:var(--hi);stroke-width:.15;paint-order:stroke} <div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.790 -3.900 11.900 7.800' style='width:100%;height:100%'><line class='ly-silk' x1='-3.310' y1='-3.450' x2='-3.310' y2='-3.180' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-3.310' y1='3.450' x2='-3.310' y2='3.180' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='3.110' y1='-3.450' x2='-3.310' y2='-3.450' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='3.110' y1='3.450' x2='-3.310' y2='3.450' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-fab' x1='-5.810' y1='-2.655' x2='-5.810' y2='-1.905' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='-5.810' y1='-1.905' x2='-3.110' y2='-1.905' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='-5.810' y1='1.905' x2='-5.810' y2='2.655' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='-5.810' y1='2.655' x2='-3.110' y2='2.655' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='-3.110' y1='1.905' x2='-5.810' y2='1.905' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='-2.705' y1='-2.655' x2='-5.810' y2='-2.655' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='3.110' y1='-2.700' x2='4.110' y2='-2.700' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='4.110' y1='-2.700' x2='4.110' y2='2.700' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='4.110' y1='2.700' x2='3.110' y2='2.700' stroke='#f472b6' stroke-width='0.100'/><rect class='ly-courtyard' x='-6.390' y='-3.500' width='11.100' height='7.000' fill='none' stroke='#4ade80' stroke-width='0.050'/><rect class='ly-copper pad' data-num='' data-name='' x='-1.940' y='-2.900' width='3.050' height='2.750' rx='0.688' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.415' y='-1.525' font-size='1.100' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'></text><rect class='ly-copper pad' data-num='' data-name='' x='-1.940' y='0.150' width='3.050' height='2.750' rx='0.688' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.415' y='1.525' font-size='1.100' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'></text><rect class='ly-copper pad' data-num='' data-name='' x='1.410' y='-2.900' width='3.050' height='2.750' rx='0.688' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.935' y='-1.525' font-size='1.100' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'></text><rect class='ly-copper pad' data-num='' data-name='' x='1.410' y='0.150' width='3.050' height='2.750' rx='0.688' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.935' y='1.525' font-size='1.100' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'></text><rect class='ly-copper pad' data-num='1' data-name='GND' x='-6.140' y='-2.880' width='2.200' height='1.200' rx='0.300' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-5.040' y='-2.280' font-size='0.720' 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='OUTPUT' x='-1.940' y='-2.900' width='6.400' height='5.800' rx='1.450' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.260' y='0.000' font-size='1.100' 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='IN' x='-6.140' y='1.680' width='2.200' height='1.200' rx='0.300' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-5.040' y='2.280' font-size='0.720' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>3</text></svg></div> <div id=tip></div> <script>-var KIND="footprint", MPN="RAY/CJU1117B-3-3", PINS=[{"desc":"","name":"GND","number":"1","type":""},{"desc":"","name":"OUTPUT","number":"2","type":""},{"desc":"","name":"IN","number":"3","type":""}];+var KIND="footprint", MPN="RAY/CJU1117B-3-3", PINS=[{"desc":"","name":"GND","number":"1","type":""},{"desc":"","name":"OUTPUT","number":"2","type":""},{"desc":"","name":"OUTPUT (TAB)","number":"4","type":""},{"desc":"","name":"IN","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 ----

@@ -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='GND'><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'>GND</text><g class='pingroup' data-num='2' data-name='OUTPUT'><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'>OUTPUT</text><g class='pingroup' data-num='3' data-name='IN'><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'>IN</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='GND'><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'>GND</text><g class='pingroup' data-num='2' data-name='OUTPUT'><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'>OUTPUT</text><g class='pingroup' data-num='4' data-name='OUTPUT (TAB)'><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'>4</text><text x='470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>OUTPUT (TAB)</text><g class='pingroup' data-num='3' data-name='IN'><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'>3</text><text x='470.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>IN</text></svg></div> <div id=tip></div> <script>-var KIND="symbol", MPN="RAY/CJU1117B-3-3", PINS=[{"desc":"","name":"GND","number":"1","type":""},{"desc":"","name":"OUTPUT","number":"2","type":""},{"desc":"","name":"IN","number":"3","type":""}];+var KIND="symbol", MPN="RAY/CJU1117B-3-3", PINS=[{"desc":"","name":"GND","number":"1","type":""},{"desc":"","name":"OUTPUT","number":"2","type":""},{"desc":"","name":"OUTPUT (TAB)","number":"4","type":""},{"desc":"","name":"IN","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 ----