---
title: RenderingContext
slug: orphaned/Web/API/RenderingContext
translation_of: Web/API/RenderingContext
original_slug: Web/API/RenderingContext
---
<p>{{APIRef("Canvas API")}}</p>

<p><span class="seoSummary"><strong><code>RenderingContext</code></strong> ist eine WebIDL-<code>typedef</code>, die auf eine beliebige der Schnittstellen verweisen kann, die einen Grafik-Rendering-Kontext innerhalb eines {{HTMLElement("canvas")}} Elements darstellen: {{domxref("CanvasRenderingContext2D")}}, {{domxref("WebGLRenderingContext")}} oder {{domxref("WebGL2RenderingContext")}}.</span></p>

<p>Durch die Verwendung der Kurzform <code>RenderingContext</code> können Methoden und Eigenschaften, die eine beliebige dieser Schnittstellen verwenden können, einfacher spezifiziert und geschrieben werden; da <code>&lt;canvas&gt;</code> mehrere Rendering-Systeme unterstützt, ist es aus Sicht der Spezifikation und der Browser-Implementierung hilfreich, eine Kurzform zu verwenden, die "eine dieser Schnittstellen" bedeutet.</p>

<p>Als solches ist <code>RenderingContext</code> ein Implementierungsdetail und nicht etwas, das Webentwickler direkt verwenden. Es gibt keine <code>RenderingContext</code>-Schnittstelle, und es gibt keine Objekte, die den Typ <code>RenderingContext</code> implementieren.</p>

<p>Die primäre Verwendung dieses Typs ist die Definition der {{domxref("HTMLCanvasElement.getContext()")}} Methode des <code>&lt;canvas&gt;</code>-Elements, die einen <code>RenderingContext</code> (d.h. einen beliebigen der Rendering-Kontext Typen) zurückgibt.</p>

<h2 id="Spezifikationen"><span class="tlid-translation translation" lang="de"><span title="">Spezifikationen</span></span></h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col"><span class="tlid-translation translation" lang="de"><span title="">Spezifikationen</span></span></th>
   <th scope="col">Status</th>
   <th scope="col">Kommentar</th>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG', "scripting.html#renderingcontext", "RenderingContext")}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>Erstdefinition.</td>
  </tr>
 </tbody>
</table>

<h2 id="Siehe_auch">Siehe auch</h2>

<ul>
 <li>Die Rendering-Kontext-Schnittstellen:<br>
  {{domxref("CanvasRenderingContext2D")}}, {{domxref("WebGLRenderingContext")}}, und {{domxref("WebGL2RenderingContext")}}</li>
 <li><a href="/de/docs/Web/Guide/Graphics">Grafiken im Internet</a></li>
 <li><a href="/de/docs/Web/API/Canvas_API">Canvas API</a> und {{HTMLElement("canvas")}}</li>
 <li><a href="/de/docs/Web/API/WebGL_API">WebGL</a></li>
</ul>