javascript - SVG 和 JavaScript - 动画 SVG 文件对象不起作用？

Question

所以我有一个 SVG 文件。如果您访问该网站，它应该将其动画化，但事实并非如此。它正在本地主机中工作。有人可以帮我吗？我想这里已经发布了某种帖子，但没有人回复，所以我想我会发布新的:)。

SVG 文件:http://pastebin.com/raw/qn5gsTjV

用于旋转的 JavaScript:

var wheelSVG = $();
var spinner = $();
$("object").load(function() {
    wheelSVG = $("object").contents().find("svg");
    spinner = spinner.add(wheelSVG.find("#spin"));
    center = wheelSVG.find("#ui ellipse");
    centerText = wheelSVG.find("#number");
    clearInterval(beforeLoginSpinInterval);
    if (!loggedinn) {
        beforeLoginSpinInterval = setInterval(function() {
            currentRotation += 0.25;
            spinner.css("transform", 'rotate(' + currentRotation + 'deg)');
        }, 20);
    }
});
setTimeout(function() {
            wheelSVG = $("object").contents().find("svg");
            spinner = spinner.add(wheelSVG.find("#spin"));
            center = wheelSVG.find("#ui ellipse");
            centerText = wheelSVG.find("#number");
            clearInterval(beforeLoginSpinInterval);
            if (!loggedinn) {
                beforeLoginSpinInterval = setInterval(function() {
                    currentRotation += 0.25;
                    spinner.css("transform", 'rotate(' + currentRotation + 'deg)');
                }, 10);
            }

Answer 1

我通过修复一些错误使其正常工作。

我必须定义这些 undefined variable :

var currentRotation = 0;
var beforeLoginSpinInterval;
var loggedinn;

您的 setTimeout 缺少右大括号，因此我修复了该问题。

这条线不起作用:

wheelSVG = $("object").contents().find("svg");

所以我将其概括为:

wheelSVG = $("svg");

演示

SVG Spinning Wheel