Question

我无法在IE7中沿着路径移动一个简单的形状（实际上我试过的唯一IE版本）。以下代码在chrome和firefox中运行良好，但不适用于IE。我找不到一个明显的原因，有没有人见过类似的东西？

canvas.path(rPath.path).attr("stroke", "blue");
var circle = canvas.circle(rPath.startX, rPath.startY, 5);
circle.animateAlong(rPath.path, 3000, true);

我的rPath变量有路径和起点坐标。

Microsoft脚本调试程序指向此行作为代码中断的行：

os.left != (t = x - left + "px") && (os.left = t); (line 2131 inside the uncompressed raphael.js script file, inside Element[proto].setBox = function (params, cx, cy) {...})

有什么想法吗？在IE7中使用raphael的animate所有经验（好的还是坏的）？

TIA，安德烈

Answer 1

使用真实路径创建一个圆圈。

拿这个代码...... paper.path（'M325 35a200 200 0 1 0 1 0'）;

在这里玩它...... http://www.irunmywebsite.com/raphael/additionalhelp.html?q=animateAlong

Answer 2

在我的例子中，结果是移动圆的原始坐标rPath.startX。它是通过拆分字符串获得的，因此是字符串值。虽然圆圈的定位工作得很好，但是animateAlong在IE中并不宽容。

在使用它之前将其解析为int修复了问题。

IE7中animateAlong的问题

2 个答案: