小编spe*_*naz的帖子

动画中的相对旋转

我有Raphael.js的问题.我想以相对的方式旋转"compassScale" - 在下面的代码中设置.

这适用于路径,但所有文本都"动画"到30度的绝对旋转.我希望它们相对于实际位置旋转30度.

var compassScale = paper.set();

var centerX = 200;
var centerY = 200;
var radius = 195;

var compasCircle = paper.circle(centerX, centerY, radius);

for(var i = 0; i < 360; i++) {
    var winkelRad = i * (Math.PI/180)
    var xStart = centerX + Math.sin(winkelRad) * radius;
    var yStart = centerY + Math.cos(winkelRad) * radius;
    var diff = 6;

    if(i % 10 === 0){
        compassScale.push(paper.text(centerX, centerY - radius + 18, i).rotate(i, centerX, centerY, true));
        diff = 12;
    } …
Run Code Online (Sandbox Code Playgroud)

javascript animation rotation raphael

2
推荐指数
1
解决办法
4349
查看次数

标签 统计

animation ×1

javascript ×1

raphael ×1

rotation ×1