Maison > Article > interface Web > Quel objet HTML5 intégré est utilisé pour dessiner sur le canevas
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)".
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!