Rotation d'une image dans tous les navigateurs (canvas dans IE?)

Question

J'ai finalement travaillé avec du canvas pour découvrir qu'il n'est pas implémenté dans IE. J'ai essayé explorer toile de google pour l'utiliser dans Internet Explorer, mais cela ne fonctionne pas pour mon code (http://uptowar.com/test.php - petit bug bien que ce ne soit pas enlever l'ancienne image lors de la rotation).

Alors, existe-t-il un autre moyen de faire pivoter en douceur une image autour de son angle central inférieur? Peut-être javascript? Ou y at-il un moyen de le faire avec IE et la toile de toute façon?

Editer: Google Chrome semble également ajouter une bordure laide à l'exemple de la toile .. il doit y avoir une autre manière lisse? Edit2: essayé une manière javascript hacky: il provoque des retards maire et corrompt l'image (http://uptowar.com/test2.php), quelqu'un connaît une méthode de travail?

Answer 1

peut-être juste utiliser un fichier .gif animé

flash est une autre alternative si vous voulez plus de contrôle.

Answer 2

Il existe des frameworks (par exemple Dojo) offrant une interface de dessin cross-browser. Ils utilisent la toile sur la plupart des navigateurs, et VML sur les saveurs IE. VML est Vector Markup Language, une sorte d'ancêtre propriétaire de SVG.

J'ai cherché svg vml library dans Google et a été surpris il ya beaucoup de bibliothèques, apparemment.

Answer 3

RaphaelJS est une excellente bibliothèque JavaScript multi-navigateur qui pourrait faire exactement ce dont vous avez besoin. Je le recommande fortement. Si vous visitez le site, il y a même un exemple spécifique qui implique la rotation d'une image.