Meu gol:

Mover / animar uma imagem ao longo de um caminho como o desenho abaixo (pode estar conectando curvas bezier).Deve funcionar no IE7 +, não o que construir várias soluções.Eu posso pausar / retomar a imagem em movimento.A imagem continuará se movendo ao longo do caminho (repetir).

o caminho http://i50.tinypic.com/dwwhhy.jpg

O que eu considerei

CANVAS: não suportado no IE7 + 8, ainda não testei explorercanvas! Prever alguns problemas do índice z.SVG, não suportado no IE7 + 8.jQuery.path, um plugin que estende a função animada do jQuery. Não consigo descobrir a parte do currículo e quero usar as transformações CSS quando suportado.

Meu plano

Animar a imagem com transformação 3D em CSS, transformação em CSS 2d ou jQuery.animate (o que é suportado) e requestAnimationFrame.Calcular todas as coordenadas e simples mover a imagem pixel por pixel.

Minha pergunta

Meu plano parece loucura? Sugestões melhores?Você prevê alguns problemas de desempenho? Eu posso acabar com coordenadas de 5K ou 10K.Você conhece uma maneira inteligente, um programa, uma função ou algo similar para calcular todas as coordenadas?