Firefox 2.0.0.11 corrige le bug canvas

Select ratingPoorOkayGoodGreatAwesome

 

Dans Firefox 2.0.0.10, une régression de code créée un problème sur l'affichage d'image grâce généré par la balise <"canvas"><"/canvas">

Découverte ou petit rappel sur la balise html<"canvas"><"/canvas">

La balise <"canvas"> a été créée à l’origine par Apple pour être utilisée dans le composant WebKit pour Mac OS X, afin de faire fonctionner des logiciels comme Dashboard et le navigateur Safari. Elle a ensuite été établie en tant que norme de l'HTML 5, le probable futur standard Web en cours de définition par le groupe de travail WHATWG qui regroupe Opera, Mozilla et Apple.

La balise <"canvas"> crée une surface de dessin de taille fixe dont la hauteur et la largeur sont définies dans du code HTML. Par exemple :

<"canvas" id="tutoriel" width="150" height="150"><"/canvas">

Maintenant que vous avez créé un zone pour votre image il faut dessiner, ce qui devient possible par l'utilisation des nombreuses fonctions Javascript. Pour accéder aux fonctions de dessin, tout élément canvas possède une méthode DOM (un modèle d'accès aux données) appelée getContext, qui n'est pour l'instant accessible qu'en deux dimensions.

Exemple de création de l’objet

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

Pourquoi parler de la balise <"canvas"> ?

Depuis la version 2.0.0.10 une régression existe (une régression est un bug créé par une mise à jour). L’instruction canvas.drawImage() n’est plus reconnue par Firefox 2.0.0.10 alors qu'elle l'était dans Firefox 2.0.0.9, une instruction heureusement assez peu utilisée dans la globalité des sites internet.

Pour voir un exemple du problème :

http://www.abrahamjoffe.com.au/ben/canvascape/textures.htm

Sur Firefox 2.0.0.10 les murs n’apparaissent pas, l’arme apparait car elle n’est pas dessinée grâce à canvas.drawImage(). Pour mieux vous rendre compte du bug de Firefox 2.0.0.10 concernant canvas, nous vous autorisons exceptionnellement à utiliser Internet Explorer 7; Les murs, dessinés avec canvas, sont alors bien visibles.

Pour info, cette faille ne pose aucun problème de sécurité, mais Mozilla, fidèle à sa réputation, devrait proposer une mise à jour ce vendredi 30 novembre, ce qui en fera les deux mises à jour de Firefox les plus rapprochées de l’histoire, avec moins d’une semaine d’écart.

N.B. tout au long de cette article le nom de la balise "canvas" a été mis entre guillemet pour éviter d'être interprété comme du code html dans le message, il n'y a évidemment pas de guillemet en temps habituel.