4

HTML5 を使用して、インライン SVG を一度配置して複数の場所に表示するにはどうすればよいですか? CSS に依存せずに、SVG コードが配置されている場所ではなく、参照されている複数の場所に表示されるようにしたい。少し関連する質問があります。

4

1 に答える 1

8

タグを使用して<use>、複数の場所に SVG を表示できます。

<body>
    <svg width="0" height="0">
      <defs>
        <rect id="MyRect" width="60" height="10" fill="blue"/>
      </defs>
    </svg>
    <svg width="50" height="50">
      <use x="20" y="10" xlink:href="#MyRect" />
    </svg>
    <svg width="50" height="50">
      <use x="20" y="10" xlink:href="#MyRect" />
    </svg>
</body>
于 2013-07-11T17:30:21.523 に答える