Canvas affiche initialement dans Chrome, mais pas dans Firefox

Question

Je développe actuellement un service graphique simple. Il utilise Chart.js pour le rendu (basé sur Canvas). Le problème est que les cartes n'apparaissent pas dans Firefox 21 initialement bien qu'elles apparaissent dans Chrome. Si vous passez la souris sur un graphique, il apparaît.

• Source. Vous pouvez trouver le bit pertinent au main.js

Tout aperçu sur le sujet est le bienvenu. Notez que ce problème semble se produire de manière aléatoire si vous basculez les liens en haut (les noms de CDN). Pas très sûr de ce qui se passe là-bas.

EDIT: Il semblerait que si je dessine quelque chose de simple (comme une ligne) sur le Canvas au lieu d'un graphique, le problème disparaît dans Firefox. On dirait que c'est un problème spécifique à Chart.js.

EDIT: J'ai travaillé autour du problème en activant l'animation sur Chart.js. Je vais laisser cette question ouverte au cas où quelqu'un trouverait une solution appropriée. On dirait un bug dans Chart.js pour moi. Je opened an issue pour garder une trace de cela.

Answer 1

Je viens d'avoir un problème similaire avec Chartjs et Firefox 24, ma "solution" était de mettre l'animation à true et l'animationSteps: 1.