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"/>