File talk:7-segment.svg
跳转到导航
跳转到搜索
Current version
[编辑]To see the code, use the link to the validator
- Explanation
- The SVG coding contains cascaded cloning to combine all possibilities of segmentations.
This allows to reduce the code & file size a lot, while it becomes a bit more complicated to read the source code.
Previous version
[编辑]
Here is the old SVG version:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns="http://www.w3.org/2000/svg" version="1.0"
xmlns:xlink="http://www.w3.org/1999/xlink"
id="seven-segment"
width="192" height="160" x="0" y="0">
<style type="text/css" id="style">
polygon {fill:red;fill-opacity:0.75;fill-rule:evenodd;stroke:white;stroke-width:0.25;stroke-opacity:1.0;stroke-linecap:butt;stroke-linejoin:miter}
.off {fill:#EEE}
text {font-size:4;fill:silver;display:none}
</style>
<defs id="defs">
<polygon id="a" points="1,1 2,0 8,0 9,1 8,2 2,2"/><!-- top -->
<polygon id="b" points="9,1 10,2 10,8 9,9 8,8 8,2"/><!-- right top -->
<polygon id="c" points="9,9 10,10 10,16 9,17 8,16 8,10"/><!-- right bottom -->
<polygon id="d" points="9,17 8,18 2,18 1,17 2,16 8,16"/><!-- bottom -->
<polygon id="e" points="1,17 0,16 0,10 1,9 2,10 2,16"/><!-- left bottom -->
<polygon id="f" points="1,9 0,8 0,2 1,1 2,2 2,8"/><!-- left top -->
<polygon id="g" points="1,9 2,8 8,8 9,9 8,10 2,10"/><!-- center -->
<polygon id="a_" points="1,1 2,0 8,0 9,1 8,2 2,2" class="off"/>
<polygon id="b_" points="9,1 10,2 10,8 9,9 8,8 8,2" class="off"/>
<polygon id="c_" points="9,9 10,10 10,16 9,17 8,16 8,10" class="off"/>
<polygon id="d_" points="9,17 8,18 2,18 1,17 2,16 8,16" class="off"/>
<polygon id="e_" points="1,17 0,16 0,10 1,9 2,10 2,16" class="off"/>
<polygon id="f_" points="1,9 0,8 0,2 1,1 2,2 2,8" class="off"/>
<polygon id="g_" points="1,9 2,8 8,8 9,9 8,10 2,10" class="off"/>
</defs>
<g id="layer1" transform="translate(1,1)">
<g id="group1" transform="translate(0,0)">
<g id="empty" transform="translate(0)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>(empty)</text></g>
<g id="A" transform="translate(12)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>a</text></g>
<g id="B" transform="translate(24)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>b</text></g>
<g id="AB" transform="translate(36)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>ab</text></g>
<g id="C" transform="translate(48)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>c</text></g>
<g id="AC" transform="translate(60)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>ac</text></g>
<g id="BC" transform="translate(72)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>bc</text></g>
<g id="ABC" transform="translate(84)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>abc</text></g>
<g id="D" transform="translate(96)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>d</text></g>
<g id="AD" transform="translate(108)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>ad</text></g>
<g id="BD" transform="translate(120)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>bd</text></g>
<g id="ABD" transform="translate(132)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>abd</text></g>
<g id="CD" transform="translate(144)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>cd</text></g>
<g id="ACD" transform="translate(156)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>acd</text></g>
<g id="BCD" transform="translate(168)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>bcd</text></g>
<g id="ABCD" transform="translate(180)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>abcd</text></g>
</g><g id="group2" transform="translate(0,20)">
<g id="E" transform="translate(0)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>e</text></g>
<g id="AE" transform="translate(12)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>ae</text></g>
<g id="BE" transform="translate(24)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>be</text></g>
<g id="ABE" transform="translate(36)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>abe</text></g>
<g id="CE" transform="translate(48)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>ce</text></g>
<g id="ACE" transform="translate(60)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>ace</text></g>
<g id="BCE" transform="translate(72)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>bce</text></g>
<g id="ABCE" transform="translate(84)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>abce</text></g>
<g id="DE" transform="translate(96)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>de</text></g>
<g id="ADE" transform="translate(108)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>ade</text></g>
<g id="BDE" transform="translate(120)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>bde</text></g>
<g id="ABDE" transform="translate(132)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>abde</text></g>
<g id="CDE" transform="translate(144)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>cde</text></g>
<g id="ACDE" transform="translate(156)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>acde</text></g>
<g id="BCDE" transform="translate(168)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>bcde</text></g>
<g id="ABCDE" transform="translate(180)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g_"/><text>abcde</text></g>
</g><g id="group3" transform="translate(0,40)">
<g id="F" transform="translate(0)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>f</text></g>
<g id="AF" transform="translate(12)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>af</text></g>
<g id="BF" transform="translate(24)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>bf</text></g>
<g id="ABF" transform="translate(36)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>abf</text></g>
<g id="CF" transform="translate(48)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>cf</text></g>
<g id="ACF" transform="translate(60)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>acf</text></g>
<g id="BCF" transform="translate(72)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>bcf</text></g>
<g id="ABCF" transform="translate(84)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>abcf</text></g>
<g id="DF" transform="translate(96)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>df</text></g>
<g id="ADF" transform="translate(108)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>adf</text></g>
<g id="BDF" transform="translate(120)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>bdf</text></g>
<g id="ABDF" transform="translate(132)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>abdf</text></g>
<g id="CDF" transform="translate(144)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>cdf</text></g>
<g id="ACDF" transform="translate(156)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>acdf</text></g>
<g id="BCDF" transform="translate(168)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>bcdf</text></g>
<g id="ABCDEFG" transform="translate(180)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>abcdf</text></g>
</g><g id="group4" transform="translate(0,60)">
<g id="EF" transform="translate(0)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>ef</text></g>
<g id="AEF" transform="translate(12)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>aef</text></g>
<g id="BEF" transform="translate(24)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>bef</text></g>
<g id="ABEF" transform="translate(36)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>abef</text></g>
<g id="CEF" transform="translate(48)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>cef</text></g>
<g id="ACEF" transform="translate(60)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>acef</text></g>
<g id="BCEF" transform="translate(72)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>bcef</text></g>
<g id="ABCEF" transform="translate(84)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>abcef</text></g>
<g id="DEF" transform="translate(96)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>def</text></g>
<g id="ADEF" transform="translate(108)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>adef</text></g>
<g id="BDEF" transform="translate(120)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>bdef</text></g>
<g id="ABDEF" transform="translate(132)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>abdef</text></g>
<g id="CDEF" transform="translate(144)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>cdef</text></g>
<g id="ACDEF" transform="translate(156)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>acdef</text></g>
<g id="BCDEF" transform="translate(168)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>bcdef</text></g>
<g id="ABCDEF" transform="translate(180)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g_"/><text>abcdef</text></g>
</g><g id="group5" transform="translate(0,80)">
<g id="G" transform="translate(0)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>g</text></g>
<g id="AG" transform="translate(12)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>ag</text></g>
<g id="BG" transform="translate(24)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>bg</text></g>
<g id="ABG" transform="translate(36)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>abg</text></g>
<g id="CG" transform="translate(48)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>cg</text></g>
<g id="ACG" transform="translate(60)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>acg</text></g>
<g id="BCG" transform="translate(72)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>bcg</text></g>
<g id="ABCG" transform="translate(84)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>abcg</text></g>
<g id="DG" transform="translate(96)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>dg</text></g>
<g id="ADG" transform="translate(108)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>adg</text></g>
<g id="BDG" transform="translate(120)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>bdg</text></g>
<g id="ABDG" transform="translate(132)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>abdg</text></g>
<g id="CDG" transform="translate(144)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>cdg</text></g>
<g id="ACDG" transform="translate(156)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>acdg</text></g>
<g id="BCDG" transform="translate(168)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>bcdg</text></g>
<g id="ABCDEFG" transform="translate(180)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>abcdg</text></g>
</g><g id="group6" transform="translate(0,100)">
<g id="EG" transform="translate(0)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>eg</text></g>
<g id="AEG" transform="translate(12)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>aeg</text></g>
<g id="BEG" transform="translate(24)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>beg</text></g>
<g id="ABEG" transform="translate(36)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>abeg</text></g>
<g id="CEG" transform="translate(48)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>ceg</text></g>
<g id="ACEG" transform="translate(60)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>aceg</text></g>
<g id="BCEG" transform="translate(72)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>bceg</text></g>
<g id="ABCEG" transform="translate(84)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>abceg</text></g>
<g id="DEG" transform="translate(96)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>deg</text></g>
<g id="ADEG" transform="translate(108)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>adeg</text></g>
<g id="BDEG" transform="translate(120)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>bdeg</text></g>
<g id="ABDEG" transform="translate(132)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>abdeg</text></g>
<g id="CDEG" transform="translate(144)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>cdeg</text></g>
<g id="ACDEG" transform="translate(156)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>acdeg</text></g>
<g id="BCDEG" transform="translate(168)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>bcdeg</text></g>
<g id="ABCDEG" transform="translate(180)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f_"/><use xlink:href="#g"/><text>abcdeg</text></g>
</g><g id="group7" transform="translate(0,120)">
<g id="FG" transform="translate(0)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>fg</text></g>
<g id="AFG" transform="translate(12)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>afg</text></g>
<g id="BFG" transform="translate(24)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>bfg</text></g>
<g id="ABFG" transform="translate(36)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>abfg</text></g>
<g id="CFG" transform="translate(48)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>cfg</text></g>
<g id="ACFG" transform="translate(60)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>acfg</text></g>
<g id="BCFG" transform="translate(72)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>bcfg</text></g>
<g id="ABCFG" transform="translate(84)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>abcfg</text></g>
<g id="DFG" transform="translate(96)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>dfg</text></g>
<g id="ADFG" transform="translate(108)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>adfg</text></g>
<g id="BDFG" transform="translate(120)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>bdfg</text></g>
<g id="ABDFG" transform="translate(132)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>abdfg</text></g>
<g id="CDFG" transform="translate(144)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>cdfg</text></g>
<g id="ACDFG" transform="translate(156)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>acdfg</text></g>
<g id="BCDFG" transform="translate(168)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>bcdfg</text></g>
<g id="ABCDFG" transform="translate(180)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e_"/><use xlink:href="#f"/><use xlink:href="#g"/><text>abcdfg</text></g>
</g><g id="group8" transform="translate(0,140)">
<g id="EFG" transform="translate(0)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>efg</text></g>
<g id="AEFG" transform="translate(12)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>aefg</text></g>
<g id="BEFG" transform="translate(24)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>befg</text></g>
<g id="ABEFG" transform="translate(36)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>abefg</text></g>
<g id="CEFG" transform="translate(48)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>cefg</text></g>
<g id="ACEFG" transform="translate(60)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>acefg</text></g>
<g id="BCEFG" transform="translate(72)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>bcefg</text></g>
<g id="ABCEFG" transform="translate(84)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d_"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>abcefg</text></g>
<g id="DEFG" transform="translate(96)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>defg</text></g>
<g id="ADEFG" transform="translate(108)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>adefg</text></g>
<g id="BDEFG" transform="translate(120)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>bdefg</text></g>
<g id="ABDEFG" transform="translate(132)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c_"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>abdefg</text></g>
<g id="CDEFG" transform="translate(144)"><use xlink:href="#a_"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>cdefg</text></g>
<g id="ACDEFG" transform="translate(156)"><use xlink:href="#a"/><use xlink:href="#b_"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>acdefg</text></g>
<g id="BCDEFG" transform="translate(168)"><use xlink:href="#a_"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>bcdefg</text></g>
<g id="ABCDEFG" transform="translate(180)"><use xlink:href="#a"/><use xlink:href="#b"/><use xlink:href="#c"/><use xlink:href="#d"/><use xlink:href="#e"/><use xlink:href="#f"/><use xlink:href="#g"/><text>abcdefg</text></g>
</g>
</g>
</svg>
Future version
[编辑]
The code in line 7 to 11
<g id="v"><g id="u"><g id="t"><g id="s"> <path d="m10,2-1-1h-6l-1,1 1,1h6zl-1,1v6l1,1 1-1v-6zm0,16-1-1v-6l1-1 1,1v6zl-1-1h-6l-1,1 1,1h6zm-8-8-1,1v6l1,1 1-1v-6zl-1-1v-6l1-1 1,1v6zl1,1h6l1-1-1-1h-6z" fill="#DDD"/></g>
is not perfectly optimized, it can be shortened to
<g id="v"><g id="u"><g id="t"> <path d="m10,2-1-1h-6l-1,1 1,1h6zl-1,1v6l1,1 1-1v-6zm0,16-1-1v-6l1-1 1,1v6zl-1-1h-6l-1,1 1,1h6zm-8-8-1,1v6l1,1 1-1v-6zl-1-1v-6l1-1 1,1v6zl1,1h6l1-1-1-1h-6z" fill="#DDD" id="s"/>
