Quelles sont les dimensions maximales des éléments de canevas dans différents navigateurs ?

Dévoilement de la taille maximale du canevas : un guide complet

Lorsque vous travaillez avec de vastes ensembles de données qui nécessitent de nombreux éléments de canevas, il est crucial d'être conscient de les limites imposées par ces éléments. Cet article explore les dimensions maximales autorisées des éléments de canevas dans les navigateurs populaires.

Le dilemme : les formes disparaissent

Dans votre projet, vous avez rencontré un phénomène déroutant : les formes dessinés sur une toile d'une hauteur et d'une largeur importantes (dépassant des dizaines ou des centaines de milliers de pixels) cessent inexplicablement de s'afficher. Cela soulève la question de savoir s'il existe un seuil au-delà duquel les éléments du canevas échouent.

Limites spécifiques au navigateur

En examinant les restrictions spécifiques au navigateur, nous découvrons ce qui suit limitations :

• Chrome :

  • Hauteur/largeur maximale : 32 767 pixels
  • Zone maximale : 268 435 456 pixels ( par exemple, 16 384 x 16 384)

• Firefox :

  • Hauteur/largeur maximale : 32 767 pixels
  • Zone maximale : 472 907 776 pixels (par exemple, 22 528 x 20 992)

• IE :

  • Hauteur/largeur maximale : 8 192 pixels
  • Maximum zone: N/A

• IE Mobile :

  • Hauteur/largeur maximale : 4 096 pixels
  • Maximum zone: N/A

Conséquences du dépassement des limites

Repousser les limites de ces limites sur la plupart des navigateurs rend le canevas inutilisable. Aucune autre commande de dessin, même dans la zone utilisable, ne sera exécutée. Cependant, IE et IE Mobile honorent toutes les commandes de dessin dans l'espace utilisable, sans tenir compte de celles qui dépassent les limites.

En conclusion, la taille maximale d'un élément de canevas varie considérablement selon les navigateurs. Le respect de ces limitations garantit le bon fonctionnement des éléments de votre toile, évitant ainsi la disparition de formes énigmatiques.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!