Sie können das Problem sehen, indem Sie in Chrome und Safari http://cjohn.design öffnen. Die Logoanimation soll einen Abschnitt nach dem anderen animieren, wie in Safari - Chrome Animation animiert.Animieren eines "d" -Wertes mit Snap.svg-Fehler in Chrome
Hier ist die Snap.svg Funktion, die diese läuft:
function logo_in() {
logo.animate ({
d: p1
}, 75, mina.easein);
setTimeout(function() {
logo.animate ({
d: p2
}, 75, mina.easein);
}, 100);
setTimeout(function() {
logo.animate ({
d: p3
}, 75, mina.easein);
}, 200);
setTimeout(function() {
logo.animate ({
d: p4
}, 75, mina.easein);
}, 300);
setTimeout(function() {
logo.animate ({
d: p5
}, 50, mina.easein);
}, 400);
};
Die Variablen p0-p5 sind die 6 Stufen der Logo-Animation. Es ist standardmäßig auf p0 eingestellt und wird jeweils mit setTimeouts animiert.
Dies funktionierte bis vor kurzem. Wie würde das Logo so unbeholfen zu animieren beginnen?
Ich glaube, Sie müssen nur den entsprechenden Code brechen auf einen jsfiddle oder ähnliches. – Ian
Update: Ich kann das Problem nicht replizieren - es funktioniert gut auf CodePen: http://codepen.io/cjohndesign/pen/PNVZwQ – cjohndesign