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

青灯夜游
Libérer: 2022-01-11 11:41:47
original
2914 Les gens l'ont consulté

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)
Copier après la connexion

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 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  :

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

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!