{"json_modified": "2016-03-28T07:49:13.211136", "uuid": "704abc04-a9b1-4fc8-a7eb-90907947c5fe", "title": "", "url": "/en-US/docs/Web/HTML/Element/canvas", "tags": ["Canvas", "Element", "Reference", "HTML scripting", "Web", "HTML", "HTML5"], "translations": [{"uuid": "3a8df7e6-7251-47a6-962e-b167e1b1a6ac", "title": "", "url": "/de/docs/Web/HTML/Element/canvas", "tags": [], "summary": "Das Canvas Element ist ein gro\u00dfer Fortschritt in der Entwicklung des HTML, bietet es doch die M\u00f6glichkeit 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 <canvas>Tag eingef\u00fcgt werden, welcher nur angezeigt wird, wenn Browser das <canvas> Element nicht unterst\u00fctzt oder Javascript deaktiviert ist.", "localization_tags": [], "locale": "de", "last_edit": "2014-05-18T04:51:17", "review_tags": []}, {"uuid": "8d747d2d-0936-4272-8f10-76e41ec86ca7", "title": "canvas", "url": "/es/docs/Web/HTML/Elemento/canvas", "tags": ["Canvas", "HTML", "HTML:Elemento", "para_revisar"], "summary": "", "localization_tags": [], "locale": "es", "last_edit": "2014-07-02T23:17:30", "review_tags": []}, {"uuid": "5f15caa3-2478-4ae4-a6a8-44a6d5b2d7e0", "title": "", "url": "/fr/docs/Web/HTML/Element/canvas", "tags": ["Canvas", "\u00c9l\u00e9ment", "Element", "Reference", "R\u00e9f\u00e9rence", "HTML scripting", "Web", "HTML", "HTML5"], "summary": "L'\u00e9l\u00e9ment HTML Canvas (<canvas>) permet de modifier une zone graphique via un script (habituellement en JavaScript). Par exemple, il peut \u00eatre utilis\u00e9 pour dessiner des graphiques, manipuler des images ou jouer des animations. Il peut \u00eatre utilis\u00e9 pour l'affichage d'un jeu en ligne ou tout autre contenu interactif. Il est fortement recommand\u00e9 de fournir un contenu alternatif au contenu du bloc <canvas>. Ce contenu pourra \u00eatre utilis\u00e9 par les navigateurs plus anciens ne supportant pas l'\u00e9l\u00e9ment <canvas> et ceux pour lesquels JavaScript est d\u00e9sactiv\u00e9.", "localization_tags": [], "locale": "fr", "last_edit": "2016-02-13T09:29:53", "review_tags": []}, {"uuid": "5e5e06a8-726d-4261-932b-106a03dd7998", "title": "", "url": "/id/docs/Web/HTML/Element/canvas", "tags": [], "summary": "The HTML <canvas> Element can be used to draw graphics via scripting (usually JavaScript). For example, it can be used to draw graphs, make photo compositions or even perform animations. You may (and should) provide alternate content inside the <canvas> block. That content will be rendered both on older browsers that don't support canvas and in browsers with JavaScript disabled.", "localization_tags": [], "locale": "id", "last_edit": "2014-02-10T20:37:30", "review_tags": []}, {"uuid": "9e89ad89-3f3a-4174-b31e-f344a61e040e", "title": "", "url": "/it/docs/Web/HTML/Element/canvas", "tags": ["Canvas", "Disegno", "Riferimento", "Web", "HTML", "HTML5", "Elemento"], "summary": "L'elemento HTML\u00a0<canvas>\u00a0viene\u00a0usato per disegnare tramite\u00a0JavaScript. Per esempio, pu\u00f2 essere usato per disegnare, modificare foto o creare animazioni. Si pu\u00f2 (e si dovrebbe) fornire un contenuto alternativo all'interno del tag <canvas>: questo contenuto verr\u00e0 visualizzato sia nei browser che non supportano questo elemento, sia nei browser con JavaScript disabilitato.", "localization_tags": [], "locale": "it", "last_edit": "2015-10-10T07:14:29", "review_tags": []}, {"uuid": "10a7dd4f-048e-480e-80b0-f85645a31504", "title": "canvas \u8981\u7d20", "url": "/ja/docs/Web/HTML/Element/canvas", "tags": ["Canvas", "Element", "Reference", "HTML scripting", "Web", "HTML", "HTML5"], "summary": "HTML \u306e <canvas> \u8981\u7d20\u306f\u3001\u30b9\u30af\u30ea\u30d7\u30c6\u30a3\u30f3\u30b0 (\u57fa\u672c\u7684\u306b\u306f JavaScript) \u306b\u3088\u308a\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u3092\u63cf\u753b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u30b0\u30e9\u30d5\u306e\u63cf\u753b\u3001\u5199\u771f\u306e\u5408\u6210\u3001\u3055\u3089\u306b\u306f\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u4f5c\u6210\u307e\u3067\u304c\u53ef\u80fd\u3067\u3059\u3002<canvas> \u306e\u30d6\u30ed\u30c3\u30af\u5185\u3067\u3001\u4ee3\u66ff\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd (\u307e\u305f\u3001\u63d0\u4f9b\u3059\u3079\u304d) \u3067\u3059\u3002\u305d\u306e\u5185\u5bb9\u7269\u306f\u3001canvas \u3092\u30b5\u30dd\u30fc\u30c8\u3057\u306a\u3044\u53e4\u3044\u30d6\u30e9\u30a6\u30b6\u304a\u3088\u3073 JavaScript \u304c\u7121\u52b9\u3067\u3042\u308b\u30d6\u30e9\u30a6\u30b6\u3067\u63cf\u753b\u3055\u308c\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2015-10-24T03:25:46", "review_tags": []}, {"uuid": "3d2e8193-5786-4934-95ab-a13ee1fe16d0", "title": "", "url": "/ko/docs/Web/HTML/Element/%EC%BA%94%EB%B2%84%EC%8A%A4", "tags": ["Canvas", "HTML5", "\uce94\ubc84\uc2a4"], "summary": "HTML <canvas> \uc694\uc18c\ub294 \uc2a4\ud06c\ub9bd\ud2b8 \uc5b8\uc5b4(\ubcf4\ud1b5\uc740\u00a0 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc0ac\uc6a9)\ub97c \ud1b5\ud574 \uadf8\ub9bc\uc744 \uadf8\ub9ac\ub294 \ub370\uc5d0 \uc0ac\uc6a9\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uba74,\u00a0\uadf8\ub798\ud504\ub97c \uadf8\ub9ac\uac70\ub098, \uc0ac\uc9c4\uc744 \ud569\uc131\ud558\uac70\ub098, \uc560\ub2c8\uba54\uc774\uc158\uc744 \ub9cc\ub4e4 \ub54c\ub3c4 \uc0ac\uc6a9\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\u00a0<canvas>\ub97c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\ub294 \uc6f9\ube0c\ub77c\uc6b0\uc800\u00a0\ud639\uc740 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uae30\ub2a5\uc744 \ube44\ud65c\uc131\ud654\ud574 \ub193\uc740 \uc6f9\ube0c\ub77c\uc6b0\uc800\ub97c \uc704\ud574 \ub300\uccb4\ud560 \ub0b4\uc6a9\uc744 \ub9c8\ub828\ud574 \ub193\uc73c\uba74 \uc88b\uc2b5\ub2c8\ub2e4.", "localization_tags": ["inprogress"], "locale": "ko", "last_edit": "2015-04-29T17:25:33", "review_tags": []}, {"uuid": "37c0ff49-c2bc-47c3-81fe-3c9e68b303ca", "title": "canvas", "url": "/pt-BR/docs/Web/HTML/Element/canvas", "tags": [], "summary": "O elemento HTML Canvas (<canvas>) pode ser utilizado para desenhar gr\u00e1ficos utilizando scripts (geralmente JavaScript). Por exemplo, al\u00e9m de desenhar gr\u00e1ficos, ele pode ser usado para fazer composi\u00e7\u00f5es de fotos e tamb\u00e9m para anima\u00e7\u00f5es. Voc\u00ea poder\u00e1 colocar conte\u00fados alternativos dentro do bloco <canvas>. Este conte\u00fado ser\u00e1 renderizado tamb\u00e9m em navegadores antigos e em navegadores com JavaScript desabilitado.", "localization_tags": [], "locale": "pt-BR", "last_edit": "2014-06-24T05:33:53", "review_tags": []}, {"uuid": "2593f02e-3e67-4725-b940-ca5851824ea6", "title": "", "url": "/ru/docs/Web/HTML/Element/canvas", "tags": [], "summary": "HTML <canvas>\u00a0\u042d\u043b\u0435\u043c\u0435\u043d\u0442 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d \u0434\u043b\u044f \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f \u0433\u0440\u0430\u0444\u0438\u043a\u0438 \u0447\u0435\u0440\u0435\u0437 \u0441\u043a\u0440\u0438\u043f\u0442\u044b\u00a0(\u043e\u0431\u044b\u0447\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f\u00a0JavaScript). \u041d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0432, \u0434\u0435\u043b\u0430\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u0444\u043e\u0442\u043e \u0438\u043b\u0438 \u0434\u0430\u0436\u0435\u00a0\u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 (\u0438 \u0434\u043e\u043b\u0436\u043d\u044b) \u0434\u0430\u0442\u044c \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435\u00a0\u0432\u043d\u0443\u0440\u0438\u00a0\u0431\u043b\u043e\u043a\u0430\u00a0<canvas>. \u042d\u0442\u043e\u0442 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0431\u0443\u0434\u0435\u0442 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u0441\u044f \u0432 \u043e\u0431\u043e\u0438\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445, \u0432 \u0441\u0442\u0430\u0440\u044b\u0445 \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442 canvas \u0438 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0441 \u043e\u0442\u043a\u043b\u044e\u0447\u0451\u043d\u043d\u044b\u043c JavaScript.", "localization_tags": ["inprogress"], "locale": "ru", "last_edit": "2015-12-30T00:37:57", "review_tags": []}, {"uuid": "909d8d7c-ef9f-4744-b61b-f4e99dd186d8", "title": "", "url": "/zh-CN/docs/Web/HTML/Element/canvas", "tags": ["Canvas", "Web", "HTML5", "HTML"], "summary": "<canvas>\u5143\u7d20\u53ef\u88ab\u7528\u6765\u901a\u8fc7\u811a\u672c\uff08\u901a\u5e38\u662fJavaScript\uff09\u7ed8\u5236\u56fe\u5f62\u3002\u6bd4\u5982,\u5b83\u53ef\u4ee5\u88ab\u7528\u6765\u7ed8\u5236\u56fe\u5f62,\u5236\u4f5c\u56fe\u7247\u96c6\u5408,\u751a\u81f3\u7528\u6765\u5b9e\u73b0\u52a8\u753b\u6548\u679c\u3002\u4f60\u53ef\u4ee5(\u4e5f\u5e94\u8be5)\u5728\u5143\u7d20\u6807\u7b7e\u5185\u5199\u5165\u53ef\u63d0\u4f9b\u66ff\u4ee3\u7684\u7684\u4ee3\u7801\u5185\u5bb9\uff0c\u8fd9\u4e9b\u5185\u5bb9\u5c06\u4f1a\u5728\u5728\u65e7\u7684\u3001\u4e0d\u652f\u6301<canvas>\u5143\u7d20\u7684\u6d4f\u89c8\u5668\u6216\u662f\u7981\u7528\u4e86JavaScript\u7684\u6d4f\u89c8\u5668\u5185\u6e32\u67d3\u5e76\u5c55\u73b0\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2015-11-17T03:13:44", "review_tags": []}, {"uuid": "ca6d9926-fb09-4b33-98b9-33c90c8dfdc0", "title": "", "url": "/zh-TW/docs/Web/HTML/Element/canvas", "tags": [], "summary": "\u9019\u500b HTML <canvas> \u5143\u7d20 \u53ef\u4ee5\u88ab\u4f7f\u7528\u65bc\u5c0d\u8173\u672c\u7a0b\u5f0f(JaveScript) \u7e6a\u5716 .\u8209\u4f8b\u4f86\u8aaa, \u5b83\u80fd\u7528\u4f86\u756b\u5716,\u7d44\u5408\u7167\u7247,\u751a\u81f3\u4f5c\u52d5\u756b. \u4f60\u4e5f\u8a31(\u61c9\u8a72) \u5728<canvas>\u5340\u6bb5\u5167\u63d0\u4f9b\u66ff\u4ee3\u65b9\u6848\u7684\u5167\u5bb9 .\u9019\u5167\u5bb9\u5c07\u80fd\u88ab\u4e00\u4e9b\u4e0d\u652f\u63f4<canvas>\u4ee5\u53ca\u7121\u6cd5\u4f7f\u7528Javescript\u529f\u80fd\u7684\u700f\u89bd\u5668\u6240\u6e32\u67d3 .", "localization_tags": ["inprogress"], "locale": "zh-TW", "last_edit": "2015-12-14T20:01:18", "review_tags": []}], "modified": "2016-01-05T10:47:00", "label": "", "localization_tags": [], "locale": "en-US", "id": 1723, "last_edit": "2016-01-05T10:46:43", "summary": "The HTML <canvas> Element can be used to draw graphics via scripting (usually JavaScript). For example, it can be used to draw graphs, make photo compositions or even perform animations. You may (and should) provide alternate content inside the <canvas> block. That content will be rendered both on older browsers that don't support canvas and in browsers with JavaScript disabled.", "sections": [{"id": "Attributes", "title": "Attributes"}, {"id": "Description", "title": "Description"}, {"id": "Required__tag", "title": "Required "}, {"id": "Sizing_the_canvas", "title": "Sizing the canvas"}, {"id": "Examples", "title": "Examples"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "See_also", "title": "See also"}, {"id": "Quick_Links", "title": null}], "slug": "Web/HTML/Element/canvas", "review_tags": []}