Maison  >  Article  >  interface Web  >  Quel objet HTML5 intégré est utilisé pour dessiner sur le canevas

Quel objet HTML5 intégré est utilisé pour dessiner sur le canevas

青灯夜游
青灯夜游original
2022-01-11 11:41:472923parcourir

En HTML5, l'objet intégré getContext() est utilisé pour dessiner sur le canevas. getContext() est utilisé pour obtenir le contexte de rendu et sa fonction de dessin. Il peut renvoyer un environnement pour dessiner sur le canevas. "Canvas.getContext" (contextID)".

Quel objet HTML5 intégré est utilisé pour dessiner sur le canevas

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

Quel objet intégré HTML5 est utilisé pour dessiner sur toile ? ()

A.getContent

B.getContext

C.getGraphics

D.getCanvas

Réponse correcte : la méthode B

getContext() est utilisée pour obtenir le contexte de rendu et sa fonction de dessin, et peut renvoyer un environnement pour dessiner sur la toile. Cette fonction prend un paramètre, le type de context2d.

Syntaxe

Canvas.getContext(contextID)

Parameters

  • Parameter contextID spécifie le type de canevas sur lequel vous souhaitez dessiner. Actuellement, la seule valeur légale est « 2d », qui spécifie le dessin 2D et amène cette méthode à renvoyer un objet d'environnement qui exporte une API de dessin 2D.

Astuce : à l'avenir, si la balise 5ba626b379994d53f7acf72a64f9b697 est étendue pour prendre en charge le dessin 3D, la méthode getContext() pourra permettre de passer un paramètre de chaîne "3D".

Valeur de retour

  • Un objet CanvasRenderingContext2D, qui peut être utilisé pour dessiner dans l'élément Canvas.

Description

  • Renvoie un environnement représentant le type d'environnement utilisé pour dessiner. L'intention est de fournir différents environnements pour différents types de dessins (2D, 3D). Actuellement, le seul pris en charge est "2d", qui renvoie un objet CanvasRenderingContext2D qui implémente la plupart des méthodes utilisées par un canevas.

Exemple : Voici le code pour obtenir le contexte requis et vérifier si votre navigateur prend en charge l'élément 5ba626b379994d53f7acf72a64f9b697 :

var canvas = document.getElementById("mycanvas");
if (canvas.getContext){
   var ctx = canvas.getContext('2d');
   //在这里绘制代码
   } else {
   //画布不支持的代码在这里
}

Recommandations associées : "Tutoriel vidéo HTML"

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn