{"json_modified": "2014-05-28T03:20:43.225297", "slug": "Web/API/CanvasRenderingContext2D", "tags": [], "locale": "fr", "title": "CanvasRenderingContext2D", "translations": [{"locale": "en-US", "localization_tags": [], "last_edit": "2014-04-11T09:27:25", "url": "/en-US/docs/Web/API/CanvasRenderingContext2D", "title": "CanvasRenderingContext2D"}, {"locale": "zh-CN", "localization_tags": [], "last_edit": "2013-11-26T23:45:21", "url": "/zh-CN/docs/Web/API/CanvasRenderingContext2D", "title": "CanvasRenderingContext2D"}], "modified": "2014-05-28T03:20:41", "label": "CanvasRenderingContext2D", "localization_tags": [], "url": "/fr/docs/Web/API/CanvasRenderingContext2D", "last_edit": "2014-05-28T03:20:32", "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:", "sections": [{"id": "Method_overview", "title": "Method overview"}, {"id": "Gecko-specific_Method_overview", "title": "Gecko-specific Method overview"}, {"id": "WebKit-specific_Method_overview", "title": "WebKit-specific Method overview"}, {"id": "Attributes", "title": "Attributes"}, {"id": "Gecko-specific_attributes", "title": "Gecko-specific attributes"}, {"id": "WebKit-specific_attributes", "title": "WebKit-specific attributes"}, {"id": "Constants", "title": "Constants"}, {"id": "Gecko-specific_constants.2Fflags", "title": "Gecko-specific constants/flags"}, {"id": "Methods", "title": "Methods"}, {"id": "arc()", "title": "arc()"}, {"id": "Parameters", "title": "Parameters"}, {"id": "arcTo()", "title": "arcTo()"}, {"id": "Parameters_2", "title": "Parameters"}, {"id": "beginPath()", "title": "beginPath()"}, {"id": "Parameters_3", "title": "Parameters"}, {"id": "bezierCurveTo()", "title": "bezierCurveTo()"}, {"id": "Parameters_4", "title": "Parameters"}, {"id": "clearRect()", "title": "clearRect()"}, {"id": "Parameters_5", "title": "Parameters"}, {"id": "clip()", "title": "clip()"}, {"id": "Parameters_6", "title": "Parameters"}, {"id": "closePath()", "title": "closePath()"}, {"id": "Parameters_7", "title": "Parameters"}, {"id": "createImageData()", "title": "createImageData()"}, {"id": "Parameters_8", "title": "Parameters"}, {"id": "Return_value", "title": "Return value"}, {"id": "createLinearGradient()", "title": "createLinearGradient()"}, {"id": "Parameters_9", "title": "Parameters"}, {"id": "Return_value_2", "title": "Return value"}, {"id": "createPattern()", "title": "createPattern()"}, {"id": "Parameters_10", "title": "Parameters"}, {"id": "Return_value_3", "title": "Return value"}, {"id": "Exceptions_thrown", "title": "Exceptions thrown"}, {"id": "createRadialGradient()", "title": "createRadialGradient()"}, {"id": "Parameters_11", "title": "Parameters"}, {"id": "Return_value_4", "title": "Return value"}, {"id": "drawCustomFocusRing()", "title": "drawCustomFocusRing()"}, {"id": "Parameters_12", "title": "Parameters"}, {"id": "Return_value_5", "title": "Return value"}, {"id": "drawImage()", "title": "drawImage()"}, {"id": "Parameters_13", "title": "Parameters"}, {"id": "Exceptions_thrown_2", "title": "Exceptions thrown"}, {"id": "Compatibility_notes", "title": "Compatibility notes"}, {"id": "drawSystemFocusRing()", "title": "drawSystemFocusRing()"}, {"id": "Parameters_14", "title": "Parameters"}, {"id": "fill()", "title": "fill()"}, {"id": "Parameters_15", "title": "Parameters"}, {"id": "fillRect()", "title": "fillRect()"}, {"id": "Parameters_16", "title": "Parameters"}, {"id": "fillText()", "title": "fillText()"}, {"id": "Parameters_17", "title": "Parameters"}, {"id": "getImageData()", "title": "getImageData()"}, {"id": "Parameters_18", "title": "Parameters"}, {"id": "Return_value_6", "title": "Return value"}, {"id": "getLineDash()", "title": "getLineDash()"}, {"id": "Parameters_19", "title": "Parameters"}, {"id": "Return_value_7", "title": "Return value"}, {"id": "isPointInPath()", "title": "isPointInPath()"}, {"id": "Parameters_20", "title": "Parameters"}, {"id": "Return_value_8", "title": "Return value"}, {"id": "Compatibility_notes_2", "title": "Compatibility notes"}, {"id": "isPointInStroke()", "title": "isPointInStroke()"}, {"id": "Parameters_21", "title": "Parameters"}, {"id": "Return_value_9", "title": "Return value"}, {"id": "lineTo()", "title": "lineTo()"}, {"id": "Parameters_22", "title": "Parameters"}, {"id": "measureText()", "title": "measureText()"}, {"id": "Parameters_23", "title": "Parameters"}, {"id": "Return_value_10", "title": "Return value"}, {"id": "moveTo()", "title": "moveTo()"}, {"id": "Parameters_24", "title": "Parameters"}, {"id": "putImageData()", "title": "putImageData()"}, {"id": "Parameters_25", "title": "Parameters"}, {"id": "Compatibility_notes_3", "title": "Compatibility notes"}, {"id": "quadraticCurveTo()", "title": "quadraticCurveTo()"}, {"id": "Parameters_26", "title": "Parameters"}, {"id": "rect()", "title": "rect()"}, {"id": "Parameters_27", "title": "Parameters"}, {"id": "restore()", "title": "restore()"}, {"id": "Parameters_28", "title": "Parameters"}, {"id": "rotate()", "title": "rotate()"}, {"id": "Parameters_29", "title": "Parameters"}, {"id": "save()", "title": "save()"}, {"id": "Parameters_30", "title": "Parameters"}, {"id": "scale()", "title": "scale()"}, {"id": "Parameters_31", "title": "Parameters"}, {"id": "scrollPathIntoView()", "title": "scrollPathIntoView()"}, {"id": "Parameters_32", "title": "Parameters"}, {"id": "setLineDash()", "title": "setLineDash()"}, {"id": "Parameters_33", "title": "Parameters"}, {"id": "setTransform()", "title": "setTransform()"}, {"id": "Parameters_34", "title": "Parameters"}, {"id": "stroke()", "title": "stroke()"}, {"id": "Parameters_35", "title": "Parameters"}, {"id": "strokeRect()", "title": "strokeRect()"}, {"id": "Parameters_36", "title": "Parameters"}, {"id": "strokeText()", "title": "strokeText()"}, {"id": "Parameters_37", "title": "Parameters"}, {"id": "transform()", "title": "transform()"}, {"id": "Parameters_38", "title": "Parameters"}, {"id": "translate()", "title": "translate()"}, {"id": "Parameters_39", "title": "Parameters"}, {"id": "Gecko-specific_methods", "title": "Gecko-specific methods"}, {"id": "asyncDrawXULElement()", "title": "asyncDrawXULElement()"}, {"id": "Parameters_40", "title": "Parameters"}, {"id": "drawWindow()", "title": "drawWindow()"}, {"id": "Parameters_41", "title": "Parameters"}, {"id": "getFillStyle_multi", "title": "getFillStyle_multi"}, {"id": "Parameters_42", "title": "Parameters"}, {"id": "getImageData_explicit", "title": "getImageData_explicit"}, {"id": "Parameters_43", "title": "Parameters"}, {"id": "getStrokeStyle_multi", "title": "getStrokeStyle_multi"}, {"id": "Parameters_44", "title": "Parameters"}, {"id": "mozDrawText()", "title": "mozDrawText()"}, {"id": "Parameters_45", "title": "Parameters"}, {"id": "mozMeasureText()", "title": "mozMeasureText()"}, {"id": "Parameters_46", "title": "Parameters"}, {"id": "Return_value_11", "title": "Return value"}, {"id": "mozPathText()", "title": "mozPathText()"}, {"id": "Parameters_47", "title": "Parameters"}, {"id": "mozTextAlongPath()", "title": "mozTextAlongPath()"}, {"id": "Parameters_48", "title": "Parameters"}, {"id": "setFillStyle_multi", "title": "setFillStyle_multi"}, {"id": "Parameters_49", "title": "Parameters"}, {"id": "setStrokeStyle_multi", "title": "setStrokeStyle_multi"}, {"id": "Parameters_50", "title": "Parameters"}, {"id": "WebKit-specific_methods", "title": "WebKit-specific methods"}, {"id": "clearShadow()", "title": "clearShadow()"}, {"id": "Parameters_51", "title": "Parameters"}, {"id": "drawImageFromRect()", "title": "drawImageFromRect()"}, {"id": "setAlpha()", "title": "setAlpha()"}, {"id": "setCompositeOperation()", "title": "setCompositeOperation()"}, {"id": "setLineWidth()", "title": "setLineWidth()"}, {"id": "setLineCap()", "title": "setLineCap()"}, {"id": "setLineJoin()", "title": "setLineJoin()"}, {"id": "setMiterLimit()", "title": "setMiterLimit()"}, {"id": "setStrokeColor()", "title": "setStrokeColor()"}, {"id": "setFillColor()", "title": "setFillColor()"}, {"id": "setShadow()", "title": "setShadow()"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "Notes", "title": "Notes"}, {"id": "Gecko", "title": "Gecko"}, {"id": "Specification", "title": "Specification"}], "id": 108105, "review_tags": []}