1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32
|
<svg font-size="10px" font-family="sans-serif" fill="none" stroke="none" stroke-width="1.5" width="410" height="430"><g transform="translate(10, 20)"><g><rect shape-rendering="crispEdges" width="133.33333333333331" height="400" fill="rgb(156,158,222)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="133.33333333333331" width="133.33333333333331" height="66.66666666666666" fill="rgb(156,158,222)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" width="133.33333333333331" height="6.666666666666667" fill="rgb(115,117,181)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="6.666666666666667" width="133.33333333333331" height="13.333333333333336" fill="rgb(74,85,132)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="20" width="133.33333333333331" height="20" fill="rgb(206,219,156)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="40" width="133.33333333333331" height="26.66666666666667" fill="rgb(181,207,107)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="133.33333333333331" y="66.66666666666666" width="133.33333333333331" height="66.66666666666666" fill="rgb(156,158,222)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="66.66666666666666" width="133.33333333333331" height="6.666666666666665" fill="rgb(115,117,181)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="73.33333333333333" width="133.33333333333331" height="13.33333333333333" fill="rgb(74,85,132)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="86.66666666666666" width="133.33333333333331" height="20.000000000000007" fill="rgb(206,219,156)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="106.66666666666667" width="133.33333333333331" height="26.66666666666666" fill="rgb(181,207,107)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="133.33333333333331" y="133.33333333333331" width="133.33333333333331" height="66.66666666666667" fill="rgb(156,158,222)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="133.33333333333331" width="133.33333333333331" height="6.666666666666665" fill="rgb(115,117,181)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="140" width="133.33333333333331" height="13.33333333333333" fill="rgb(74,85,132)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="153.33333333333331" width="133.33333333333331" height="19.999999999999996" fill="rgb(206,219,156)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="173.33333333333331" width="133.33333333333331" height="26.666666666666682" fill="rgb(181,207,107)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="133.33333333333331" y="200" width="133.33333333333331" height="66.66666666666666" fill="rgb(156,158,222)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="200" width="133.33333333333331" height="6.666666666666643" fill="rgb(115,117,181)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="206.66666666666663" width="133.33333333333331" height="13.33333333333333" fill="rgb(74,85,132)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="219.99999999999997" width="133.33333333333331" height="19.99999999999997" fill="rgb(206,219,156)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="239.99999999999994" width="133.33333333333331" height="26.66666666666666" fill="rgb(181,207,107)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="133.33333333333331" y="266.66666666666663" width="133.33333333333331" height="66.66666666666666" fill="rgb(156,158,222)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="266.66666666666663" width="133.33333333333331" height="6.666666666666687" fill="rgb(115,117,181)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="273.3333333333333" width="133.33333333333331" height="13.33333333333333" fill="rgb(74,85,132)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="286.6666666666667" width="133.33333333333331" height="19.99999999999997" fill="rgb(206,219,156)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="306.66666666666663" width="133.33333333333331" height="26.66666666666666" fill="rgb(181,207,107)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="133.33333333333331" y="333.3333333333333" width="133.33333333333331" height="66.66666666666666" fill="rgb(156,158,222)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="333.3333333333333" width="133.33333333333331" height="6.666666666666643" fill="rgb(115,117,181)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="339.99999999999994" width="133.33333333333331" height="13.33333333333333" fill="rgb(74,85,132)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="353.33333333333326" width="133.33333333333331" height="19.99999999999997" fill="rgb(206,219,156)" stroke="rgb(0,0,0)" stroke-width="1"/><rect shape-rendering="crispEdges" x="266.66666666666663" y="373.33333333333326" width="133.33333333333331" height="26.66666666666666" fill="rgb(181,207,107)" stroke="rgb(0,0,0)" stroke-width="1"/></g><g>
<text pointer-events="none" dy="0.35em" transform="translate(66.6667, 200)" fill="rgb(0,0,0)" text-anchor="middle">test</text>
<text pointer-events="none" dy="0.35em" transform="translate(200, 33.3333)" fill="rgb(0,0,0)" text-anchor="middle">a</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 3.33333)" fill="rgb(0,0,0)" text-anchor="middle">a</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 13.3333)" fill="rgb(0,0,0)" text-anchor="middle">b</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 30)" fill="rgb(0,0,0)" text-anchor="middle">c</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 53.3333)" fill="rgb(0,0,0)" text-anchor="middle">d</text>
<text pointer-events="none" dy="0.35em" transform="translate(200, 100)" fill="rgb(0,0,0)" text-anchor="middle">b</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 70)" fill="rgb(0,0,0)" text-anchor="middle">a</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 80)" fill="rgb(0,0,0)" text-anchor="middle">b</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 96.6667)" fill="rgb(0,0,0)" text-anchor="middle">c</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 120)" fill="rgb(0,0,0)" text-anchor="middle">d</text>
<text pointer-events="none" dy="0.35em" transform="translate(200, 166.667)" fill="rgb(0,0,0)" text-anchor="middle">c</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 136.667)" fill="rgb(0,0,0)" text-anchor="middle">a</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 146.667)" fill="rgb(0,0,0)" text-anchor="middle">b</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 163.333)" fill="rgb(0,0,0)" text-anchor="middle">c</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 186.667)" fill="rgb(0,0,0)" text-anchor="middle">d</text>
<text pointer-events="none" dy="0.35em" transform="translate(200, 233.333)" fill="rgb(0,0,0)" text-anchor="middle">d</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 203.333)" fill="rgb(0,0,0)" text-anchor="middle">a</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 213.333)" fill="rgb(0,0,0)" text-anchor="middle">b</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 230)" fill="rgb(0,0,0)" text-anchor="middle">c</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 253.333)" fill="rgb(0,0,0)" text-anchor="middle">d</text>
<text pointer-events="none" dy="0.35em" transform="translate(200, 300)" fill="rgb(0,0,0)" text-anchor="middle">e</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 270)" fill="rgb(0,0,0)" text-anchor="middle">a</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 280)" fill="rgb(0,0,0)" text-anchor="middle">b</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 296.667)" fill="rgb(0,0,0)" text-anchor="middle">c</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 320)" fill="rgb(0,0,0)" text-anchor="middle">d</text>
<text pointer-events="none" dy="0.35em" transform="translate(200, 366.667)" fill="rgb(0,0,0)" text-anchor="middle">f</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 336.667)" fill="rgb(0,0,0)" text-anchor="middle">a</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 346.667)" fill="rgb(0,0,0)" text-anchor="middle">b</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 363.333)" fill="rgb(0,0,0)" text-anchor="middle">c</text>
<text pointer-events="none" dy="0.35em" transform="translate(333.333, 386.667)" fill="rgb(0,0,0)" text-anchor="middle">d</text></g></g></svg>
|