スタック オーバーフローの皆様
マスター HTML5 ページのタグと ID 番号を使用して、異なる SVG ファイルにある個々の SVG グラフィックを参照しようとしています。
多肢選択式クイズを作成するために、HTML ページの use タグに onclicks を配置できるようにしたいと考えています (そして、私が行う方法を知っているスコアを保持します)。グラフィックはかさばります。したがって、これらは外部の svg ファイルにある必要があります。
ただし、ここでは単純な長方形を使用して、質問を理解しやすくしています
ここに私のHTMLがあります
<html>
<head></head>
<body>
<svg>
<use xlink:href="LINK.svg#link" />
</svg>
</body>
</html>
ここに私のSVGがあります
<?xml version="1.0" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg">
<g id="link">
<rect x="0" y="0" width="50" height="50" style="fill:red"/>
</g>
</svg>
これは、Firefox と Opera で私が望んでいたとおりに機能します。ただし、Chrome や Safari では機能しません。Internet Explorer についてよくわからない
SVG データへの外部アクセスと、メイン HTML ページからのスクリプト作成を可能にする別の方法はありますか (複数の SVG 要素のスコアを保持できるようにしたいため)