Welches integrierte HTML5-Objekt wird zum Zeichnen auf der Leinwand verwendet?

In HTML5 wird das integrierte Objekt getContext() verwendet, um den Rendering-Kontext und seine Zeichenfunktion abzurufen. Es kann eine Umgebung zum Zeichnen auf der Leinwand zurückgeben „Canvas.getContext“ (contextID)“.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Welches integrierte HTML5-Objekt wird zum Zeichnen auf Leinwand verwendet? ()

A.getContent

B.getContext

C.getGraphics

D.getCanvas

Richtige Antwort: Die Methode B

getContext() wird verwendet, um den Rendering-Kontext und seine Zeichenfunktion zu erhalten, und kann eine Umgebung zum Zeichnen auf der Leinwand zurückgeben. Diese Funktion benötigt einen Parameter, den Typ context2d.

Syntax

Canvas.getContext(contextID)

Parameter

• Parameter contextID gibt den Typ der Leinwand an, auf der Sie zeichnen möchten. Derzeit ist der einzige zulässige Wert „2d“, der eine 2D-Zeichnung angibt und bewirkt, dass diese Methode ein Umgebungsobjekt zurückgibt, das eine 2D-Zeichnungs-API exportiert.

Tipp: Wenn das 5ba626b379994d53f7acf72a64f9b697-Tag in Zukunft erweitert wird, um 3D-Zeichnungen zu unterstützen, kann die getContext()-Methode die Übergabe eines „3d“-String-Parameters ermöglichen.

Rückgabewert

• Ein CanvasRenderingContext2D-Objekt, das zum Zeichnen in das Canvas-Element verwendet werden kann.

Description

• Gibt eine Umgebung zurück, die den Typ der zum Zeichnen verwendeten Umgebung darstellt. Ziel ist es, unterschiedliche Umgebungen für unterschiedliche Zeichnungstypen (2D, 3D) bereitzustellen. Derzeit wird nur „2d“ unterstützt, das ein CanvasRenderingContext2D-Objekt zurückgibt, das die meisten von einem Canvas verwendeten Methoden implementiert.

Beispiel: Hier ist der Code, um den erforderlichen Kontext abzurufen und zu überprüfen, ob Ihr Browser das 5ba626b379994d53f7acf72a64f9b697-Element unterstützt:

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

Verwandte Empfehlungen: „html-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWelches integrierte HTML5-Objekt wird zum Zeichnen auf der Leinwand verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!