0
このコードをもっとコンパクトに書くことはできますか?私は回転させたいテーブルがあります。それはあなたが4つの中間段階E、W、N、Sを取り除く場合は、よりコンパクトで、ちょうど上で直接変換属性を置くTableWithCharisW..SこのSVGファイルをもっとコンパクトに書くにはどうすればいいですか?
<?xml version="1.0"?>
<svg width="704" height="702" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- objects -->
<rect id="Chair" width="40" height="40" />
<rect id="Table" width="130" height="65" />
<g id="TableWithChairs">
<use xlink:href="#Table" />
<use xlink:href="#Chair" x="12.5" y="70" />
<use xlink:href="#Chair" x="77.5" y="70" />
</g>
<use id="TableWithChairsW" xlink:href="#TableWithChairs" transform="rotate(90) translate(0, -65)" />
<use id="TableWithChairsN" xlink:href="#TableWithChairs" transform="rotate(180) translate(-130, -65)" />
<use id="TableWithChairsE" xlink:href="#TableWithChairs" transform="rotate(-90) translate(-130, 0)" />
<use id="TableWithChairsS" xlink:href="#TableWithChairs" />
</defs>
<!-- room background -->
<rect x="0" y="0" width="704" height="702" fill="white"/>
<!-- tables vertical -->
<use xlink:href="#TableWithChairsE" x="497" y="117" />
<use xlink:href="#TableWithChairsE" x="497" y="247" />
<use xlink:href="#TableWithChairsW" x="142" y="117" />
<use xlink:href="#TableWithChairsW" x="142" y="247" />
<!-- tables horizontal -->
<use xlink:href="#TableWithChairsN" x="207" y="117" />
<use xlink:href="#TableWithChairsN" x="337" y="117" />
<use xlink:href="#TableWithChairsS" x="207" y="312" />
<use xlink:href="#TableWithChairsS" x="337" y="312" />
</svg>