{"json_modified": "2016-10-06T01:55:28.863720", "uuid": "d2a4b5c6-d200-4f22-9ac6-3b31fe663d99", "title": "CanvasRenderingContext2D", "url": "/en-US/docs/Web/API/CanvasRenderingContext2D", "tags": ["Canvas", "API", "Reference", "Graphics", "CanvasRenderingContext2D", "Games"], "translations": [{"uuid": "61d5bf42-fd82-4e9b-8100-8032b3911f45", "title": "CanvasRenderingContext2D", "url": "/de/docs/Web/API/CanvasRenderingContext2D", "tags": ["Canvas", "API", "Shape", "Image", "Graphics", "CanvasRenderingContext2D", "image"], "summary": "Das <code><strong>CanvasRenderingContext2D</strong></code>-Interface stellt den 2D-Rendering-Context f\u00fcr die Zeichenoberfl\u00e4che eines <a href=\"/de/docs/Web/HTML/Element/canvas\" title=\"Das Canvas Element ist ein gro&#xDF;er Fortschritt in der Entwicklung des HTML, bietet es doch die M&#xF6;glichkeit zur dynamischen Darstellung grafischer Informationen. Dazu wird eine Canvas (engl. Leinwand) definiert und mittels JavaScript verschiedene Methoden zur Anwendung gebracht und Attribute gesetzt (siehe Canvas Attribute). Es sollte ein Fallbackinhalt in den &lt;canvas&gt;Tag eingef&#xFC;gt werden, welcher nur angezeigt wird, wenn Browser das &lt;canvas&gt; Element nicht unterst&#xFC;tzt oder Javascript deaktiviert ist.\"><code>&lt;canvas&gt;</code></a> zur Verf\u00fcgung.", "localization_tags": ["inprogress"], "locale": "de", "last_edit": "2016-04-25T14:44:56", "review_tags": []}, {"uuid": "8812f07f-7c6f-4b78-baaf-330c002f14e8", "title": "CanvasRenderingContext2D", "url": "/es/docs/Web/API/CanvasRenderingContext2D", "tags": [], "summary": "La interfaz\u00a0<code><strong>CanvasRenderingContext2D</strong></code>\u00a0proporciona el contexto de renderizado 2D para la superficie de dibujo\u00a0de un elemento\u00a0<a href=\"/es/docs/Web/HTML/Elemento/canvas\" title=\"This article hasn't been written yet. Please consider contributing!\"><code>&lt;canvas&gt;</code></a>.", "localization_tags": ["inprogress"], "locale": "es", "last_edit": "2015-10-01T14:02:24", "review_tags": []}, {"uuid": "8f5d1c15-f277-40ee-8c92-3f10388b014b", "title": "CanvasRenderingContext2D", "url": "/fr/docs/Web/API/CanvasRenderingContext2D", "tags": [], "summary": "Le contexte de rendu 2D pour la surface de dessin d'un \u00e9l\u00e9ment <a href=\"/fr/docs/Web/HTML/Element/canvas\" title=\"L'&#xE9;l&#xE9;ment HTML Canvas (&lt;canvas&gt;)&#xA0; permet de modifier une zone graphique via un script (habituellement en JavaScript). Par exemple il peut &#xEA;tre utilis&#xE9; pour dessiner des graphiques, manipuler des images ou jouer des animations. Il peut &#xEA;tre utilis&#xE9; pour l'affichage d'un jeu en ligne ou tout autre contenu interactif. Il est fortement recommand&#xE9; de fournir un contenu alternatif au contenu du bloc &lt;canvas&gt;. Ce contenu pourra &#xEA;tre utilis&#xE9; par les navigateurs plus anciens ne supportant pas l'&#xE9;l&#xE9;ment &lt;canvas&gt; et ceux dont JavaScript est d&#xE9;sactiv&#xE9;.\"><code>&lt;canvas&gt;</code></a>. Pour obtenir cet objet, appelez getContext () sur un &lt;canvas&gt;, en fournissant \"2d\" comme argument:", "localization_tags": [], "locale": "fr", "last_edit": "2014-05-28T03:20:32", "review_tags": []}, {"uuid": "916b251a-6dd1-47fa-b756-63f1a69c7245", "title": "CanvasRenderingContext2D", "url": "/it/docs/Web/API/CanvasRenderingContext2D", "tags": ["Canvas", "API", "Reference", "TopicStub", "NeedsTranslation", "R\u00e9f\u00e9rence", "Graphics", "CanvasRenderingContext2D", "Games"], "summary": "To get an object of this interface, call <a href=\"/en-US/docs/Web/API/HTMLCanvasElement/getContext\" title=\"The HTMLCanvasElement.getContext() method returns a drawing context on the canvas, or null if the context identifier is not supported.\"><code>getContext()</code></a> on a <code>&lt;canvas&gt;</code>, supplying \"2d\" as the argument:", "localization_tags": ["inprogress"], "locale": "it", "last_edit": "2015-02-23T10:49:50", "review_tags": []}, {"uuid": "56b3e493-9b65-4ff0-8d4e-606591eea014", "title": "CanvasRenderingContext2D", "url": "/ja/docs/Web/API/CanvasRenderingContext2D", "tags": [], "summary": "\u3053\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u53d6\u5f97\u3059\u308b\u306b\u306f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b<canvas>\u306e<a href=\"/ja/docs/Web/API/HTMLCanvasElement/getContext\" title=\"&#x3053;&#x306E;&#x9805;&#x76EE;&#x306B;&#x3064;&#x3044;&#x3066;&#x306E;&#x6587;&#x66F8;&#x306F;&#x307E;&#x3060;&#x66F8;&#x304B;&#x308C;&#x3066;&#x3044;&#x307E;&#x305B;&#x3093;&#x3002;&#x66F8;&#x3044;&#x3066;&#x307F;&#x307E;&#x305B;&#x3093;&#x304B;&#xFF1F;\"><code>getContext()</code></a>\u306e\u5f15\u6570\u306b\"2d\"\u3092\u6307\u5b9a\u3057\u3066\u00a0\u547c\u3073\u51fa\u3057\u307e\u3059\u3002", "localization_tags": ["inprogress"], "locale": "ja", "last_edit": "2015-02-23T00:24:53", "review_tags": []}, {"uuid": "d2a4b5c6-d200-4f22-9ac6-3b31fe663d99", "title": "CanvasRenderingContext2D", "url": "/pt-BR/docs/Web/API/CanvasRenderingContext2D", "tags": ["Canvas", "API", "Reference", "TopicStub", "NeedsTranslation", "Graphics", "CanvasRenderingContext2D", "Games"], "summary": "To get an object of this interface, call <a href=\"/en-US/docs/Web/API/HTMLCanvasElement/getContext\" title=\"The HTMLCanvasElement.getContext() method returns a drawing context on the canvas, or null if the context identifier is not supported.\"><code>getContext()</code></a> on a <code>&lt;canvas&gt;\u00a0element</code>, supplying \"2d\" as the argument:", "localization_tags": ["inprogress"], "locale": "pt-BR", "last_edit": "2016-05-21T18:44:05", "review_tags": []}, {"uuid": "c98d2357-6376-4ace-b714-f59ef3013c6b", "title": "CanvasRenderingContext2D", "url": "/ru/docs/Web/API/CanvasRenderingContext2D", "tags": ["Canvas", "API", "Reference", "TopicStub", "NeedsTranslation", "R\u00e9f\u00e9rence", "Graphics", "CanvasRenderingContext2D", "Games"], "summary": "\u0418\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 <code><strong>CanvasRenderingContext2D</strong></code> \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442 2D \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 \u0434\u043b\u044f \u043f\u043e\u0432\u0435\u0440\u0445\u043d\u043e\u0441\u0442\u0438 \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 <a href=\"/ru/docs/Web/HTML/Element/canvas\" title=\"This article hasn't been written yet. Please consider contributing!\"><code>&lt;canvas&gt;</code></a>.", "localization_tags": ["inprogress"], "locale": "ru", "last_edit": "2015-09-28T05:55:35", "review_tags": []}, {"uuid": "9410d038-1050-4857-86a6-e77b82f1ae51", "title": "CanvasRenderingContext2D", "url": "/zh-CN/docs/Web/API/CanvasRenderingContext2D", "tags": [], "summary": "<code style=\"font-style: normal;\"><strong>CanvasRenderingContext2D</strong></code>\u00a0\u63a5\u53e3\u63d0\u4f9b\u7684 2D \u6e32\u67d3\u4e0a\u4e0b\u6587\u7528\u6765\u7ed8\u5236<span style=\"line-height: inherit;\"><a href=\"/zh-CN/docs/Web/HTML/Element/canvas\" title=\"HTML &lt;\u5e06\u5e03&gt;\u5143\u7d20\u53ef\u4ee5\u7528\u6765\u7ed8\u5236\u56fe\u5f62\u901a\u8fc7\u811a\u672c(\u901a\u5e38JavaScript)\u3002\u4f8b\u5982,\u5b83\u53ef\u4ee5\u88ab\u7528\u6765\u7ed8\u5236\u56fe\u5f62,\u4f7f\u6444\u5f71\u4f5c\u54c1,\u751a\u81f3\u6267\u884c\u52a8\u753b\u3002\u4f60\u53ef\u4ee5(\u4e5f\u5e94\u8be5)\u5728&lt;\u5e06\u5e03&gt;\u5757\u63d0\u4f9b\u66ff\u4ee3\u5185\u5bb9\u3002\u5185\u5bb9\u5c31\u4f1a\u5448\u73b0\u5728\u65e7\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u753b\u5e03\u548c\u6d4f\u89c8\u5668\u7981\u7528\u4e86JavaScript\u3002\"><code>&lt;canvas&gt;</code></a>\u5143\u7d20\uff0c\u4e3a\u4e86\u83b7\u5f97\u8fd9\u4e2a\u63a5\u53e3\u7684\u5bf9\u8c61\uff0c\u9700\u8981\u5728 &lt;canvas&gt; \u4e0a\u8c03\u7528 </span><a href=\"/zh-CN/docs/Web/API/HTMLCanvasElement/getContext\" title=\"&#x6B64;&#x9875;&#x9762;&#x4ECD;&#x672A;&#x88AB;&#x672C;&#x5730;&#x5316;, &#x671F;&#x5F85;&#x60A8;&#x7684;&#x7FFB;&#x8BD1;!\"><code>getContext()</code></a>\u00a0<span style=\"line-height: inherit;\">\uff0c\u5e76\u63d0\u4f9b\u4e00\u4e2a \"2d\" \u7684\u53c2\u6570\uff1a</span>", "localization_tags": [], "locale": "zh-CN", "last_edit": "2015-06-10T19:51:44", "review_tags": []}], "modified": "2016-10-06T01:55:25", "label": "CanvasRenderingContext2D", "localization_tags": [], "locale": "en-US", "id": 1054, "last_edit": "2016-10-06T01:54:59", "summary": "To get an object of this interface, call <a href=\"/en-US/docs/Web/API/HTMLCanvasElement/getContext\" title=\"The HTMLCanvasElement.getContext() method returns a drawing context on the canvas, or null if the context identifier is not supported.\"><code>getContext()</code></a> on a <code>&lt;canvas&gt;\u00a0element</code>, supplying \"2d\" as the argument:", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Drawing_rectangles", "title": "Drawing rectangles"}, {"id": "Drawing_text", "title": "Drawing text"}, {"id": "Line_styles", "title": "Line styles"}, {"id": "Text_styles", "title": "Text styles"}, {"id": "Fill_and_stroke_styles", "title": "Fill and stroke styles"}, {"id": "Gradients_and_patterns", "title": "Gradients and patterns"}, {"id": "Shadows", "title": "Shadows"}, {"id": "Paths", "title": "Paths"}, {"id": "Drawing_paths", "title": "Drawing paths"}, {"id": "Transformations", "title": "Transformations"}, {"id": "Compositing", "title": "Compositing"}, {"id": "Drawing_images", "title": "Drawing images"}, {"id": "Pixel_manipulation", "title": "Pixel manipulation"}, {"id": "Image_smoothing", "title": "Image smoothing"}, {"id": "The_canvas_state", "title": "The canvas state"}, {"id": "Hit_regions", "title": "Hit regions"}, {"id": "Non-standard_APIs", "title": "Non-standard APIs"}, {"id": "Blink_and_WebKit", "title": "Blink and WebKit"}, {"id": "Blink_only", "title": "Blink only"}, {"id": "WebKit_only", "title": "WebKit only"}, {"id": "Gecko_only", "title": "Gecko only"}, {"id": "Prefixed_APIs", "title": "Prefixed APIs"}, {"id": "Internal_APIs_(chrome-context_only)", "title": "Internal APIs (chrome-context only)"}, {"id": "Internet_Explorer", "title": "Internet Explorer"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "Compatibility_notes", "title": "Compatibility notes"}, {"id": "See_also", "title": "See also"}], "slug": "Web/API/CanvasRenderingContext2D", "review_tags": []}