0

htmlタグ

<svg  width="550px" height="300px">
    <g transform="translate(275, 150)"> 
        <circle id="mySquare" cx="0" cy="0" r="10" style=" fill: orange; />
    </g>
</svg>

jsスクリプト

mySquare.currentTheta += 0.3;
mySquare.transform.baseVal.getItem(0).setRotate(mySquare.currentTheta, 0, 0);

このスクリプトはIE9で動作しています

しかし、クロムでは、機能していません

chromeはsvgElementをサポートしていませんか?

4

1 に答える 1

0

前のようなものを使用getElementById()して、それぞれの要素を取得します。

var mySquare = document.getElementById( 'mySquare' );
mySquare.currentTheta += 0.3;
mySquare.transform.baseVal.getItem(0).setRotate(mySquare.currentTheta, 0, 0);

IDを持つすべての要素がそのIDを持つグローバル変数を取得するという機能/バグは、すべてのブラウザに存在するわけではありません。

于 2013-01-30T08:14:44.613 に答える