Collection d'articles de toile HTML5

Introduction de l'article de wulin.com (www.vevb.com): Connaissance de base des éléments de toile dans HTML5 et collection d'articles.

De nombreuses nouvelles fonctionnalités ont été introduites, l'une des plus excitantes est l'élément Canvas. HTML 5 Canvas fournit un moyen de dessiner des graphiques via JavaScript, ce qui est simple à utiliser mais puissant. Chaque élément de canevas a un contexte (contexte) (considérez comme une page sur une planche à dessin) où n'importe quelle forme peut être dessinée. Le navigateur prend en charge plusieurs contextes de toile et fournit des capacités de dessin graphique via différentes API. L'API fournit des capacités de dessin graphique.

Étant donné que cet élément peut être utilisé pour dessiner des graphiques, synthétiser les images dans les pages HTML via JavaScript, et également faire des animations simples, elle a certainement attiré beaucoup l'attention de l'industrie. Actuellement, la spécification HTML5 est toujours en phase de projet, et il peut prendre jusqu'en 2010 pour être officiellement publié, mais de nombreux navigateurs ont déjà pris en charge certaines spécifications HTML5. Actuellement, les navigateurs qui prennent en charge les éléments Canvas incluent Firefox3 +, Safari4, Chrome 2.0+, etc., donc lors de l'exécution des exemples sur cette page, assurez-vous que vous utilisez l'un des navigateurs ci-dessus.

La plupart des navigateurs prennent en charge les contextes 2D Canvas - y compris l'opéra, Firefox, Konqueror et Safari. De plus, certaines versions de l'opéra prennent également en charge la toile 3D, et Firefox peut également prendre en charge la toile 3D via des plug-ins. Nous pouvons même utiliser la balise <lebvas> dans IE et construire une toile de compatibilité avec le code JavaScript open source (initié par Google) en fonction de la prise en charge VML d'IE. Voir:.