0

マウスオーバーでポリゴンを回転させたいのですが、できるのは1回の回転だけです。角度が静的であるためだと思います。また、ポリゴンはそれ自体を中心に回転する必要がありますが、そうではありません。私のコードは次のようになります:

<polygon id="stern"
        points="
        350,370.5  
        370.9,460.1 
        460.9,460.1  
        390.7,510.5
        420.3,600.1
        350  ,550
        270.7,600.1
        300.3,510.5
        230.1,460.1
        320.1,460.1"
        style="fill:#FACC2E"
        onmouseover="rotieren()"/>

<use x="365" y="-380" xlink:href="#stern" transform="scale(0.7)"/>
<use x="1060" y="400" xlink:href="#stern" transform="scale(0.4)"/>
<use x="500" y="700" xlink:href="#stern" transform="scale(0.5)"/>

たとえば、変数を使用するなど、多くの機能を試しましたが、 では使用できません.setAttribute("transform", "rotate(variable,0,0))。今、私はそうします

document.getElementByID("stern").setAttribut("transform","rotate(5,1060,400)")
4

1 に答える 1

1

あなたはこのようなことをすることができますか？

var stern = document.getElementByID("stern");
var i = 0;
var interval = setInterval(function(){
    stern.setAttribute("transform","rotate("+(++i)+",1060,400)")
},50)
于 2012-12-16T21:55:10.997 に答える