0

SVG タグ内にスクリプト タグをネストしようとしていますが、Safari で SVG が空白で表示されます。

次のフィドルは、FF 15.0、Chrome 21.0、IE9 では機能しますが、Windows の Safari 5 では機能しません。

http://jsfiddle.net/5rnbU/4/

<svg height="320" width="320" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"> 
    <script >
    setTimeout("run()",1000);

    function run(){
        var e = document.getElementById("rect");
        console.log(e);
        setTimeout("run()",1000);
    }
    </script>
    <rect id="rect" ry="6" rx="6" fill="silver" height="320" width="320" y="0" x="0"/>
</svg>

SVG は HTML に直接埋め込まれます。script タグが削除されている場合、これは機能し、SVG を調べると、script タグが次の SVG 要素を囲んでいることがわかります。なんで？いくつかの回避策は何ですか?

4

1 に答える 1