2010-12-17 7 views
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> 

答えて

1

:しかし、私は、4つの異なるオブジェクトを使用しています縦と横のテーブルのタグ。しかし、それはモジュール化されず、理解するのが難しいので、やりたいとは思わないかもしれません。私はそれをよりコンパクトにする方法はないと思います。回転のそれぞれを1回だけ行うことの利点を失うことはありません(ただし、長い名前を「コンパクトにする」ことを考慮する場合を除いて):

関連する問題