每秒 svg 的 Javascript setAttribute

Question

我希望每秒钟使用我的鼠标移动功能旋转矩形我做错了什么？我怎样才能做我的变换，以便高度和旋转每隔一个元素改变一次？我用 if ( i % 2 == 0){}

试了一下

function modifyRectangles(mouseX,mouseY) {
for (var i = 0; i < myRects.length; i++) {
// var sx = 1;
var h = myRects [i].getAttribute("height");
if ( i % 2 == 0){
  var angle = (mouseY) + 45;
  var sy =(mouseY/10) + 0.5;
}



angle -= 45;

myRects[i].setAttribute("transform", "translate(" + x + ", 100),      rotate("+angle+"), scale(1, " + sy + ")");
}
}

Answer 1

只删除条件，不删除括号内的代码:

 if ( i % 2 == 0){...}

然后改变你的 for 循环:

 for (var i = 0; i < myRects.length; i +=2) {...