← Commit history

at89c4051-12su: viewers

Ray ·cdb882f84d · ·parent e5bd4b2
1 file changed +4−3
viewers/symbol.html+4−3
@@ -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 -600 1500 1200' style='width:100%;height:100%'><rect x='-500.0' y='-550.0' width='1000.0' height='1100.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='RST/VPP'><line class='pinvis' x1='-700.0' y1='-450.0' x2='-500.0' y2='-450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-450.0' x2='-500.0' y2='-450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-405.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-470.0' y='-450.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RST/VPP</text><g class='pingroup' data-num='2' data-name='P3.0 (RXD)'><line class='pinvis' x1='-700.0' y1='-350.0' x2='-500.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-350.0' x2='-500.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-305.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-470.0' y='-350.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P3.0 (RXD)</text><g class='pingroup' data-num='3' data-name='P3.1 (TXD)'><line class='pinvis' x1='-700.0' y1='-250.0' x2='-500.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-250.0' x2='-500.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-205.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='-470.0' y='-250.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P3.1 (TXD)</text><g class='pingroup' data-num='4' data-name='XTAL2'><line class='pinvis' x1='-700.0' y1='-150.0' x2='-500.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-150.0' x2='-500.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='-470.0' y='-150.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>XTAL2</text><g class='pingroup' data-num='5' data-name='XTAL1'><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'>5</text><text x='-470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>XTAL1</text><g class='pingroup' data-num='6' data-name='P3.2 (INT0)'><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'>6</text><text x='-470.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P3.2 (INT0)</text><g class='pingroup' data-num='7' data-name='P3.3 (INT1)'><line class='pinvis' x1='-700.0' y1='150.0' x2='-500.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='150.0' x2='-500.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='195.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='-470.0' y='150.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P3.3 (INT1)</text><g class='pingroup' data-num='8' data-name='P3.4 (T0)'><line class='pinvis' x1='-700.0' y1='250.0' x2='-500.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='250.0' x2='-500.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='295.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='-470.0' y='250.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P3.4 (T0)</text><g class='pingroup' data-num='9' data-name='P3.5 (T1)'><line class='pinvis' x1='-700.0' y1='350.0' x2='-500.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='350.0' x2='-500.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='395.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='-470.0' y='350.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P3.5 (T1)</text><g class='pingroup' data-num='10' data-name='GND'><line class='pinvis' x1='-700.0' y1='450.0' x2='-500.0' y2='450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='450.0' x2='-500.0' y2='450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='495.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='-470.0' y='450.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>GND</text><g class='pingroup' data-num='20' data-name='VCC'><line class='pinvis' x1='700.0' y1='-450.0' x2='500.0' y2='-450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-450.0' x2='500.0' y2='-450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-495.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>20</text><text x='470.0' y='-450.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VCC</text><g class='pingroup' data-num='19' data-name='P1.7'><line class='pinvis' x1='700.0' y1='-350.0' x2='500.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-350.0' x2='500.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-395.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>19</text><text x='470.0' y='-350.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P1.7</text><g class='pingroup' data-num='18' data-name='P1.6'><line class='pinvis' x1='700.0' y1='-250.0' x2='500.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-250.0' x2='500.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-295.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>18</text><text x='470.0' y='-250.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P1.6</text><g class='pingroup' data-num='17' data-name='P1.5'><line class='pinvis' x1='700.0' y1='-150.0' x2='500.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-150.0' x2='500.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-195.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>17</text><text x='470.0' y='-150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P1.5</text><g class='pingroup' data-num='16' data-name='P1.4'><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'>16</text><text x='470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P1.4</text><g class='pingroup' data-num='15' data-name='P1.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='5.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='470.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P1.3</text><g class='pingroup' data-num='14' data-name='P1.2'><line class='pinvis' x1='700.0' y1='150.0' x2='500.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='150.0' x2='500.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='470.0' y='150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P1.2</text><g class='pingroup' data-num='13' data-name='P1.1 (AIN1)'><line class='pinvis' x1='700.0' y1='250.0' x2='500.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='250.0' x2='500.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='205.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='470.0' y='250.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P1.1 (AIN1)</text><g class='pingroup' data-num='12' data-name='P1.0 (AIN0)'><line class='pinvis' x1='700.0' y1='350.0' x2='500.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='350.0' x2='500.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='305.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='470.0' y='350.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P1.0 (AIN0)</text><g class='pingroup' data-num='11' data-name='P3.7'><line class='pinvis' x1='700.0' y1='450.0' x2='500.0' y2='450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='450.0' x2='500.0' y2='450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='405.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='470.0' y='450.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P3.7</text></svg></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-750 -600 1500 1200' style='width:100%;height:100%'><rect x='-500.0' y='-550.0' width='1000.0' height='1100.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='RST/VPP'><line class='pinvis' x1='-700.0' y1='-450.0' x2='-500.0' y2='-450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-450.0' x2='-500.0' y2='-450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-405.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-470.0' y='-450.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RST/VPP</text><g class='pingroup' data-num='2' data-name='P3.0'><line class='pinvis' x1='-700.0' y1='-350.0' x2='-500.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-350.0' x2='-500.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-305.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-470.0' y='-350.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P3.0</text><g class='pingroup' data-num='3' data-name='P3.1'><line class='pinvis' x1='-700.0' y1='-250.0' x2='-500.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-250.0' x2='-500.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-205.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='-470.0' y='-250.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P3.1</text><g class='pingroup' data-num='4' data-name='XTAL2'><line class='pinvis' x1='-700.0' y1='-150.0' x2='-500.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-150.0' x2='-500.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='-470.0' y='-150.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>XTAL2</text><g class='pingroup' data-num='5' data-name='XTAL1'><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'>5</text><text x='-470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>XTAL1</text><g class='pingroup' data-num='6' data-name='P3.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'>6</text><text x='-470.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P3.2</text><g class='pingroup' data-num='7' data-name='P3.3'><line class='pinvis' x1='-700.0' y1='150.0' x2='-500.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='150.0' x2='-500.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='195.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='-470.0' y='150.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P3.3</text><g class='pingroup' data-num='8' data-name='P3.4'><line class='pinvis' x1='-700.0' y1='250.0' x2='-500.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='250.0' x2='-500.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='295.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='-470.0' y='250.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P3.4</text><g class='pingroup' data-num='9' data-name='P3.5'><line class='pinvis' x1='-700.0' y1='350.0' x2='-500.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='350.0' x2='-500.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='395.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='-470.0' y='350.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P3.5</text><g class='pingroup' data-num='10' data-name='GND'><line class='pinvis' x1='-700.0' y1='450.0' x2='-500.0' y2='450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='450.0' x2='-500.0' y2='450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='495.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='-470.0' y='450.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>GND</text><g class='pingroup' data-num='20' data-name='VCC'><line class='pinvis' x1='700.0' y1='-450.0' x2='500.0' y2='-450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-450.0' x2='500.0' y2='-450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-495.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>20</text><text x='470.0' y='-450.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VCC</text><g class='pingroup' data-num='19' data-name='P1.7'><line class='pinvis' x1='700.0' y1='-350.0' x2='500.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-350.0' x2='500.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-395.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>19</text><text x='470.0' y='-350.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P1.7</text><g class='pingroup' data-num='18' data-name='P1.6'><line class='pinvis' x1='700.0' y1='-250.0' x2='500.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-250.0' x2='500.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-295.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>18</text><text x='470.0' y='-250.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P1.6</text><g class='pingroup' data-num='17' data-name='P1.5'><line class='pinvis' x1='700.0' y1='-150.0' x2='500.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-150.0' x2='500.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-195.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>17</text><text x='470.0' y='-150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P1.5</text><g class='pingroup' data-num='16' data-name='P1.4'><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'>16</text><text x='470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P1.4</text><g class='pingroup' data-num='15' data-name='P1.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='5.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='470.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P1.3</text><g class='pingroup' data-num='14' data-name='P1.2'><line class='pinvis' x1='700.0' y1='150.0' x2='500.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='150.0' x2='500.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='470.0' y='150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P1.2</text><g class='pingroup' data-num='13' data-name='P1.1 (AIN1)'><line class='pinvis' x1='700.0' y1='250.0' x2='500.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='250.0' x2='500.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='205.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='470.0' y='250.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P1.1 (AIN1)</text><g class='pingroup' data-num='12' data-name='P1.0 (AIN0)'><line class='pinvis' x1='700.0' y1='350.0' x2='500.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='350.0' x2='500.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='305.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='470.0' y='350.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P1.0 (AIN0)</text><g class='pingroup' data-num='11' data-name='P3.7'><line class='pinvis' x1='700.0' y1='450.0' x2='500.0' y2='450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='450.0' x2='500.0' y2='450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='405.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='470.0' y='450.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P3.7</text></svg></div> <div id=tip></div> <script>-var KIND="symbol", MPN="ADOM/AT89C4051-12SU", PINS=[{"desc":"","name":"RST/VPP","number":"1","type":""},{"desc":"","name":"P3.0 (RXD)","number":"2","type":""},{"desc":"","name":"P3.1 (TXD)","number":"3","type":""},{"desc":"","name":"XTAL2","number":"4","type":""},{"desc":"","name":"XTAL1","number":"5","type":""},{"desc":"","name":"P3.2 (INT0)","number":"6","type":""},{"desc":"","name":"P3.3 (INT1)","number":"7","type":""},{"desc":"","name":"P3.4 (T0)","number":"8","type":""},{"desc":"","name":"P3.5 (T1)","number":"9","type":""},{"desc":"","name":"GND","number":"10","type":""},{"desc":"","name":"VCC","number":"20","type":""},{"desc":"","name":"P1.7","number":"19","type":""},{"desc":"","name":"P1.6","number":"18","type":""},{"desc":"","name":"P1.5","number":"17","type":""},{"desc":"","name":"P1.4","number":"16","type":""},{"desc":"","name":"P1.3","number":"15","type":""},{"desc":"","name":"P1.2","number":"14","type":""},{"desc":"","name":"P1.1 (AIN1)","number":"13","type":""},{"desc":"","name":"P1.0 (AIN0)","number":"12","type":""},{"desc":"","name":"P3.7","number":"11","type":""}];+var KIND="symbol", MPN="ADOM/AT89C4051-12SU", PINS=[{"desc":"","name":"RST/VPP","number":"1","type":""},{"desc":"","name":"P3.0","number":"2","type":""},{"desc":"","name":"P3.1","number":"3","type":""},{"desc":"","name":"XTAL2","number":"4","type":""},{"desc":"","name":"XTAL1","number":"5","type":""},{"desc":"","name":"P3.2","number":"6","type":""},{"desc":"","name":"P3.3","number":"7","type":""},{"desc":"","name":"P3.4","number":"8","type":""},{"desc":"","name":"P3.5","number":"9","type":""},{"desc":"","name":"GND","number":"10","type":""},{"desc":"","name":"VCC","number":"20","type":""},{"desc":"","name":"P1.7","number":"19","type":""},{"desc":"","name":"P1.6","number":"18","type":""},{"desc":"","name":"P1.5","number":"17","type":""},{"desc":"","name":"P1.4","number":"16","type":""},{"desc":"","name":"P1.3","number":"15","type":""},{"desc":"","name":"P1.2","number":"14","type":""},{"desc":"","name":"P1.1 (AIN1)","number":"13","type":""},{"desc":"","name":"P1.0 (AIN0)","number":"12","type":""},{"desc":"","name":"P3.7","number":"11","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 ----@@ -44,7 +44,8 @@ function els(n){return [].slice.call(document.querySelectorAll('[data-num="'+n+' function clearHi(){[].slice.call(document.querySelectorAll('.hi')).forEach(function(e){e.classList.remove('hi');});} function hi(n){els(n).forEach(function(e){e.classList.add('hi');});} function post(n){try{parent.postMessage({type:'lbr-hover',pin:n===null?null:String(n),mpn:MPN},'*');}catch(_){}}-function showTip(n,x,y){var p=byNum[String(n)];if(!p)return;tip.innerHTML='<span class=tn></span><div class=tt></div><div class=td></div>';tip.querySelector('.tn').textContent=n+'  '+(p.name||'');tip.querySelector('.tt').textContent=p.type||'';var d=p.desc||'';if(d)tip.querySelector('.td').textContent=d;else tip.querySelector('.td').style.display='none';tip.style.display='block';tip.style.left=(x+14)+'px';tip.style.top=(y+12)+'px';}+function ovName(el,pre,nm){el.textContent=pre;var r=nm,i;while((i=r.indexOf('~{'))>=0){el.appendChild(document.createTextNode(r.slice(0,i)));var a=r.slice(i+2),j=a.indexOf('}'),s=document.createElement('span');s.style.textDecoration='overline';s.textContent=j<0?a:a.slice(0,j);el.appendChild(s);r=j<0?'':a.slice(j+1);}el.appendChild(document.createTextNode(r));}+function showTip(n,x,y){var p=byNum[String(n)];if(!p)return;tip.innerHTML='<span class=tn></span><div class=tt></div><div class=td></div>';ovName(tip.querySelector('.tn'),n+'  ',p.name||'');tip.querySelector('.tt').textContent=p.type||'';var d=p.desc||'';if(d)tip.querySelector('.td').textContent=d;else tip.querySelector('.td').style.display='none';tip.style.display='block';tip.style.left=(x+14)+'px';tip.style.top=(y+12)+'px';} [].slice.call(document.querySelectorAll('.pingroup,.pad')).forEach(function(g){   var n=g.getAttribute('data-num');   g.addEventListener('mouseenter',function(e){clearHi();hi(n);post(n);showTip(n,e.clientX,e.clientY);});