removed the obsolete xlink from svg

This commit is contained in:
reaction.la 2023-05-14 10:23:11 +08:00
parent db9b0a5982
commit d7c82381ca
No known key found for this signature in database
GPG Key ID: 99914792148C8388
4 changed files with 130 additions and 45 deletions

View File

@ -117,7 +117,6 @@ The resulting patricia tree with infix keys is:
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="29em" height="24em" width="29em" height="24em"
viewBox="0 -10 320 265" viewBox="0 -10 320 265"
style="background-color:#FF9" stroke-width="1.5" style="background-color:#FF9" stroke-width="1.5"
@ -138,7 +137,7 @@ The resulting patricia tree with infix keys is:
<tspan y="134" x="228">0</tspan></text> <tspan y="134" x="228">0</tspan></text>
</g> </g>
</g> </g>
<use font-weight="400" xlink:href="#link_bits"/> <use font-weight="400" href="#link_bits"/>
<g id="rect"> <g id="rect">
<rect width="66" height="27" x="123" y="4" rx=5 <rect width="66" height="27" x="123" y="4" rx=5
fill="#0FF" /> fill="#0FF" />
@ -149,33 +148,33 @@ The resulting patricia tree with infix keys is:
<text y="2"> <text y="2">
<tspan dy="12" x="172" >""</tspan> <tspan dy="12" x="172" >""</tspan>
<tspan dy="12" x="153" >4, false</tspan></text> <tspan dy="12" x="153" >4, false</tspan></text>
<use transform="translate(60 70)" xlink:href="#rect"/> <use transform="translate(60 70)" href="#rect"/>
<text y="72"> <text y="72">
<tspan dy="12" x="238" >1</tspan> <tspan dy="12" x="238" >1</tspan>
<tspan dy="12" x="215" >6, false</tspan></text> <tspan dy="12" x="215" >6, false</tspan></text>
<use transform="translate(-3 140)" <use transform="translate(-3 140)"
xlink:href="#rect"/> href="#rect"/>
<text y="142"> <text y="142">
<tspan dy="12" x="170" >10</tspan> <tspan dy="12" x="170" >10</tspan>
<tspan dy="12" x="152" >5, false</tspan></text> <tspan dy="12" x="152" >5, false</tspan></text>
<g transform="translate(-43 50)"> <g transform="translate(-43 50)">
<use transform="translate(-68 160)" <use transform="translate(-68 160)"
xlink:href="#rect"/> href="#rect"/>
<text y="162"> <text y="162">
<tspan dy="12" x="98" >010</tspan> <tspan dy="12" x="98" >010</tspan>
<tspan dy="12" x="91" >2, true</tspan></text> <tspan dy="12" x="91" >2, true</tspan></text>
<use transform="translate(8 160)" <use transform="translate(8 160)"
xlink:href="#rect"/> href="#rect"/>
<text y="162"> <text y="162">
<tspan dy="12" x="174" >100</tspan> <tspan dy="12" x="174" >100</tspan>
<tspan dy="12" x="167" >4, true</tspan></text> <tspan dy="12" x="167" >4, true</tspan></text>
<use transform="translate(84 160)" <use transform="translate(84 160)"
xlink:href="#rect"/> href="#rect"/>
<text y="162"> <text y="162">
<tspan dy="12" x="250" >101</tspan> <tspan dy="12" x="250" >101</tspan>
<tspan dy="12" x="243" >5, true</tspan></text> <tspan dy="12" x="243" >5, true</tspan></text>
<use transform="translate(160 160)" <use transform="translate(160 160)"
xlink:href="#rect"/> href="#rect"/>
<text y="162"> <text y="162">
<tspan dy="12" x="326" >110</tspan> <tspan dy="12" x="326" >110</tspan>
<tspan dy="12" x="319" >6, true</tspan></text> <tspan dy="12" x="319" >6, true</tspan></text>
@ -256,7 +255,6 @@ information from the peer that has the node with more children.
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="30em" height="19.6em" width="30em" height="19.6em"
viewBox="0 170 214 140" viewBox="0 170 214 140"
style="background-color:ivory" style="background-color:ivory"
@ -329,21 +327,21 @@ x "/>
</g> </g>
<rect id="merkle_vertex" width="4" height="4" x="8" y="264" fill="#00F"/> <rect id="merkle_vertex" width="4" height="4" x="8" y="264" fill="#00F"/>
</g><!-- end id="leaf vertex" --> </g><!-- end id="leaf vertex" -->
<use transform="translate(6)" xlink:href="#leaf_vertex"/> <use transform="translate(6)" href="#leaf_vertex"/>
<use transform="translate(11 -12)" xlink:href="#merkle_vertex"/> <use transform="translate(11 -12)" href="#merkle_vertex"/>
</g><!-- end id="height_1_tree" --> </g><!-- end id="height_1_tree" -->
<use transform="translate(16)" xlink:href="#height_1_tree"/> <use transform="translate(16)" href="#height_1_tree"/>
<use transform="translate(31 -28)" xlink:href="#merkle_vertex"/> <use transform="translate(31 -28)" href="#merkle_vertex"/>
</g><!-- end id="height_2_tree" --> </g><!-- end id="height_2_tree" -->
<g > <g >
<use transform="translate(34)" xlink:href="#height_2_tree"/> <use transform="translate(34)" href="#height_2_tree"/>
<use transform="translate(71 -44)" xlink:href="#merkle_vertex"/> <use transform="translate(71 -44)" href="#merkle_vertex"/>
</g> </g>
</g><!-- end id="height_3_tree" --> </g><!-- end id="height_3_tree" -->
<use transform="translate(77)" xlink:href="#height_3_tree"/> <use transform="translate(77)" href="#height_3_tree"/>
<use transform="translate(154 -66)" xlink:href="#merkle_vertex"/> <use transform="translate(154 -66)" href="#merkle_vertex"/>
<use transform="translate(160)" xlink:href="#height_2_tree"/> <use transform="translate(160)" href="#height_2_tree"/>
<use transform="translate(197)" xlink:href="#leaf_vertex"/> <use transform="translate(197)" href="#leaf_vertex"/>
</g><!-- end id="height_4_tree" --> </g><!-- end id="height_4_tree" -->
</g> <!-- end id="balanced merkle tree" --> </g> <!-- end id="balanced merkle tree" -->
<text y="168"> <text y="168">
@ -352,7 +350,7 @@ x "/>
<tspan dy="12" x="6" >in postfix order</tspan> <tspan dy="12" x="6" >in postfix order</tspan>
</text> </text>
<g id="merkle_chain"> <g id="merkle_chain">
<use transform="translate(0,60)" xlink:href="#blockchain_id"/> <use transform="translate(0,60)" href="#blockchain_id"/>
<path <path
style="fill:none;stroke:#00D000;" style="fill:none;stroke:#00D000;"
d="m 16,297 c 6,-14 9,16 14,0"/> d="m 16,297 c 6,-14 9,16 14,0"/>
@ -364,26 +362,26 @@ x "/>
<path <path
style="fill:none;stroke:#000;" style="fill:none;stroke:#000;"
d="m 29,299 c 4,-6 4,-6 5.6,3 C 35,305 38,304 38.5,300"/> d="m 29,299 c 4,-6 4,-6 5.6,3 C 35,305 38,304 38.5,300"/>
<use transform="translate(20,33)" xlink:href="#leaf_vertex"/> <use transform="translate(20,33)" href="#leaf_vertex"/>
</g><!-- end id="leaf link" --> </g><!-- end id="leaf link" -->
<use transform="translate(10,0)" <use transform="translate(10,0)"
xlink:href="#leaf_link" href="#leaf_link"
/> />
</g> <!-- end id="2 leaf links" --> </g> <!-- end id="2 leaf links" -->
<use transform="translate(20,0)" <use transform="translate(20,0)"
xlink:href="#2_leaf_links" href="#2_leaf_links"
/> />
</g> <!-- end id="4 leaf links" --> </g> <!-- end id="4 leaf links" -->
<use transform="translate(40,0)" <use transform="translate(40,0)"
xlink:href="#4_leaf_links" href="#4_leaf_links"
/> />
</g> <!-- end id="8 leaf links" --> </g> <!-- end id="8 leaf links" -->
<use transform="translate(80,0)" <use transform="translate(80,0)"
xlink:href="#8_leaf_links" href="#8_leaf_links"
/> />
</g> <!-- end id="16 leaf links" --> </g> <!-- end id="16 leaf links" -->
<use transform="translate(160,0)" <use transform="translate(160,0)"
xlink:href="#16_leaf_links" href="#16_leaf_links"
/> />
</g> <!-- end id="merkle chain" --> </g> <!-- end id="merkle chain" -->
<rect width="210" height=".4" x="8" y="276" fill="#000"/> <rect width="210" height=".4" x="8" y="276" fill="#000"/>

View File

@ -12,6 +12,97 @@ how do you know you have the right “Bob”? There are a lot of Bobs.
Zookos triangle is the solution to this problem. It is explained in several places Zookos triangle is the solution to this problem. It is explained in several places
- [An Introduction to Petname Systems](petnames.html) - [An Introduction to Petname Systems](petnames.html)
<svg
xmlns="http://www.w3.org/2000/svg"
width="width: 100%" height="100%"
viewBox="-2500 -2400 4870 4300"
style="background-color:#ddd">
<g fill="none" font-family="Georgia" font-size="200"
font-weight="400"
>
<path stroke="#d8d800" stroke-width="36.41"
d="
M-1732,1000 m-34,-68.2 l3464.076,0
" />
<path stroke="#888" stroke-width="60"
d="M-1732,1000 m76,30, l1732,-3000"
/>
<path stroke="#990" stroke-width="36.41"
d="M-1732,1000,
m78,0, l1732,-3000
" />
<path stroke="#ffffaa" stroke-width="36.41"
d="
M-55,-2040,L-1834,1040
" />
<path stroke="#cc0" stroke-width="36.41"
d="
M0,-2000 m55,-40 l1732,3000
" />
<path stroke="#d8d800" stroke-width="36.41"
d="
M0,-2000 m-34,77 l1732,3000
" />
<path stroke="#bb0" stroke-width="36.41"
d="
M-1810,1068, l3610,0
" />
<path stroke="#dd0" stroke-width="100"
d="
M-1732,1000 L0, -2000 L1732,1000 Z
" />
<g id="left_corners" transform="translate(0, -2000)">
<path fill="#d4d450" stroke-width="0"
d="
M0,0
l57.735, 0, l21,-37, l-158,-00, l21,37 z
" />
<path fill="#ddd" stroke-width="0" id="erase_corner"
d="M-80-37 l160,0, l0-100, l-160,0, z "
/>
</g>
<g id="left_corners_shadow" transform="translate(0, -2000)">
<path fill="#990" stroke-width="0"
d=" M14.3,197.5 l-35.33,-61.19 l21.32,-36.742 z
" />
</g>
<use transform="matrix(-.5 -0.866 .886 -.5 40 00)" href="#left_corners" />
<g transform="matrix(.5 -0.866 -.886 -.5 1732 1000)" stroke-width="0">
<path fill="#990"
d="M0,0 l57.735, 0, l21,-37, l-158,-00, l21,37 z
" />
<path fill="#ddd"
d="M0,-57 l78 0, l0,-50, l-150,-00, l0,50 z
" />
<path fill="#888"
d="M0,-37 l78 0, l-11.795,-20.43, l-132,-00, l-11.795,20.43 z
" />
</g>
<path fill="#d8d800"
d="M-1732,1000 m 87,-50 l90 0, l0,-36.41 z"
/>
<text x="0" y="-1150" text-anchor="middle" style="fill:#000" transform="rotate(60 0,0)" >
Nicknames
</text>
<text x="0" y="-1150" text-anchor="middle" style="fill:#000" transform="rotate(-60 0,0)" >
Public Keys
</text>
<text x="0" y="1285" text-anchor="middle" style="fill:#000" >
Local Names
</text>
<text x="0" y="-2100" text-anchor="middle" style="fill:#000" >
Global
</text>
<text x="0" y="2240" text-anchor="middle" style="fill:#000" transform="rotate(-60 0,0)">
Memorable
</text>
<text x="0" y="2240" text-anchor="middle" style="fill:#000" transform="rotate(60 0,0)">
Securely Unique
</text>
</g>
</svg>
- [Lambda for Humans: The PetName Markup Language](http://www.erights.org/elib/capability/pnml.html) - [Lambda for Humans: The PetName Markup Language](http://www.erights.org/elib/capability/pnml.html)
Each identity, whether a human, a server, or something else, has a globally Each identity, whether a human, a server, or something else, has a globally

View File

@ -3,56 +3,41 @@
width="width: 100%" height="100%" width="width: 100%" height="100%"
viewBox="-2500 -2400 4870 4300" viewBox="-2500 -2400 4870 4300"
style="background-color:#ddd"> style="background-color:#ddd">
<! top corner viewBox="-200 -2140 400 400" >
<! right corner viewBox="1500 750 400 400">
<! left corner viewBox="-1900 750 400 400">
<!viewBox="-2000 -2400 4000 4000">
<g fill="none" font-family="Georgia" font-size="200" <g fill="none" font-family="Georgia" font-size="200"
font-weight="400" font-weight="400"
> >
<!bottom inner rim>
<path stroke="#d8d800" stroke-width="36.41" <path stroke="#d8d800" stroke-width="36.41"
d=" d="
M-1732,1000 m-34,-68.2 l3464.076,0 M-1732,1000 m-34,-68.2 l3464.076,0
" /> " />
<!left shadow>
<path stroke="#888" stroke-width="60" <path stroke="#888" stroke-width="60"
d="M-1732,1000 m76,30, l1732,-3000" d="M-1732,1000 m76,30, l1732,-3000"
/> />
<!left inner rim>
<path stroke="#990" stroke-width="36.41" <path stroke="#990" stroke-width="36.41"
d="M-1732,1000, d="M-1732,1000,
m78,0, l1732,-3000 m78,0, l1732,-3000
" /> " />
<!left outer rim>
<path stroke="#ffffaa" stroke-width="36.41" <path stroke="#ffffaa" stroke-width="36.41"
d=" d="
M-55,-2040,L-1834,1040 M-55,-2040,L-1834,1040
" /> " />
<! right outer rim>
<path stroke="#cc0" stroke-width="36.41" <path stroke="#cc0" stroke-width="36.41"
d=" d="
M0,-2000 m55,-40 l1732,3000 M0,-2000 m55,-40 l1732,3000
" /> " />
<!right inner rim>
<path stroke="#d8d800" stroke-width="36.41" <path stroke="#d8d800" stroke-width="36.41"
d=" d="
M0,-2000 m-34,77 l1732,3000 M0,-2000 m-34,77 l1732,3000
" /> " />
<!bottom outer rim>
<path stroke="#bb0" stroke-width="36.41" <path stroke="#bb0" stroke-width="36.41"
d=" d="
M-1810,1068, l3610,0 M-1810,1068, l3610,0
" /> " />
<!gold top>
<path stroke="#dd0" stroke-width="100" <path stroke="#dd0" stroke-width="100"
d=" d="
M-1732,1000 L0, -2000 L1732,1000 Z M-1732,1000 L0, -2000 L1732,1000 Z
" /> " />
<!top corner>
<g id="left_corners" transform="translate(0, -2000)"> <g id="left_corners" transform="translate(0, -2000)">
<! right inner rim>
<path fill="#d4d450" stroke-width="0" <path fill="#d4d450" stroke-width="0"
d=" d="
M0,0 M0,0
@ -63,13 +48,11 @@
/> />
</g> </g>
<g id="left_corners_shadow" transform="translate(0, -2000)"> <g id="left_corners_shadow" transform="translate(0, -2000)">
<! right inner rim>
<path fill="#990" stroke-width="0" <path fill="#990" stroke-width="0"
d=" M14.3,197.5 l-35.33,-61.19 l21.32,-36.742 z d=" M14.3,197.5 l-35.33,-61.19 l21.32,-36.742 z
" /> " />
</g> </g>
<use transform="matrix(-.5 -0.866 .886 -.5 40 00)" xlink:href="#left_corners"/> <use transform="matrix(-.5 -0.866 .886 -.5 40 00)" href="#left_corners" />
<! left corner>
<g transform="matrix(.5 -0.866 -.886 -.5 1732 1000)" stroke-width="0"> <g transform="matrix(.5 -0.866 -.886 -.5 1732 1000)" stroke-width="0">
<path fill="#990" <path fill="#990"
d="M0,0 l57.735, 0, l21,-37, l-158,-00, l21,37 z d="M0,0 l57.735, 0, l21,-37, l-158,-00, l21,37 z

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -456,7 +456,20 @@ M point q point point t point t point ... t point
``` ```
<div style="width: 100%; height: auto; overflow: auto;"> <div style="width: 100%; height: auto; overflow: auto;">
<svg
xmlns="http://www.w3.org/2000/svg"
width="width: 100%" height="100%"
viewBox="0 0 120 80"
style="background-color:ivory">
<g stroke-width="2">
<path fill="none" stroke="#00f000"
d="
M14,45, c40,-20, 30,-56 54,-18, s55,15 40,15
s-15,10 -30,15
M 5,45, q 10,20 30,1, t 10,10, t 10,12
" />
</g>
</svg>
</div> </div>
```html ```html