PHP で生成された SVG を作成しようとしていますが、Javascript を含む SVG ファイルを表示することにすでに行き詰まっています。JavaScript は、パンおよびズーム機能です。
コードは次のとおりです。
<?
header("Content-Type: image/svg+xml");
?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<script xlink:href="SVGPan.js"/>
<g id="viewport" transform="translate(200,200)">
<polygon points="50,125 100,100 150,125 100,150" fill="green" stroke="black" stroke-width="1" />
</g>
</svg>
これを Internet Explorer で開くと、パンできますが、ズームできません。
これを Google Chrome で開くと、スクリプトが正しく実行され、表示されます。ズームとパンはできますが、エラー メッセージが表示されます。
10 行目の列 1 のエラー: ドキュメントの末尾に余分なコンテンツがあります
Googleで検索し、stackoverflowを検索しましたが、解決策が見つかりません。
これで私を助けてもらえますか?