{"json_modified": "2016-10-12T23:41:58.794350", "uuid": "9cf2214f-ddd2-4dde-8537-a5d801a2067c", "title": "Canvas tutorial", "url": "/en-US/docs/Web/API/Canvas_API/Tutorial", "tags": ["Canvas", "Guide", "Graphics", "Web", "HTML", "HTML5", "Intermediate"], "translations": [{"uuid": "119fe4ce-ecd4-467b-a66d-75d58859d1d5", "title": "\u0995\u09cd\u09af\u09be\u09a8\u09ad\u09be\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2", "url": "/bn-BD/docs/Web/Guide/HTML/Canvas_tutorial", "tags": ["NeedsReview"], "summary": "\u098f\u0987 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 \u0995\u09bf\u09ad\u09be\u09ac\u09c7 <code>&lt;canvas&gt;</code> element \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u09aa\u09cd\u09b0\u09be\u09a5\u09ae\u09bf\u0995 \u09ad\u09be\u09ac\u09c7 2D \u0997\u09cd\u09b0\u09be\u09ab\u09bf\u0995\u09cd\u09b8 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u09af\u09be\u09df \u09a4\u09be \u09ac\u09b0\u09cd\u09a3\u09a8\u09be \u0995\u09b0\u09c7 \u0964 \u0986\u09aa\u09a8\u09bf canvas \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u0995\u09bf \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8 \u098f\u0987 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u0997\u09c1\u09b2\u09cb \u09a4\u09be\u09b0 \u09b8\u09c1\u09b8\u09cd\u09aa\u09b7\u09cd\u099f \u09a7\u09be\u09b0\u09a3\u09be \u09a6\u09c7\u09df \u098f\u09ac\u0982 code \u0995\u09c7 snippets \u0995\u09b0\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09a8\u09bf\u099c\u09c7\u09b0 \u0995\u09be\u0999\u09cd\u0995\u09cd\u09b7\u09bf\u09a4 \u09ac\u09bf\u09b7\u09df\u0995\u09c7", "localization_tags": ["inprogress"], "locale": "bn-BD", "last_edit": "2013-12-27T01:44:58", "review_tags": []}, {"uuid": "dd9af4db-2b94-4c77-a426-861891f52cbc", "title": "Canvas tutori\u00e1l", "url": "/cs/docs/Canvas_tutori%C3%A1l", "tags": ["V\u0161echny_kategorie", "HTML:Canvas", "Canvas tutorial"], "summary": "<img align=\"right\" alt=\"\" class=\"internal\" src=\"/@api/deki/files/1000/=Canvas_tut_priklady.jpg\"/><code>&lt;canvas&gt;</code> je nov\u00fd prvek <a href=\"/cs/HTML\" title=\"cs/HTML\">HTML</a>, kter\u00fd umo\u017en\u00ed kreslit grafiku pomoc\u00ed skriptov\u00e1n\u00ed (obvykle JavaScriptem). M\u016f\u017ee to b\u00fdt nap\u0159\u00edklad vykreslov\u00e1n\u00ed graf\u016f, komponov\u00e1n\u00ed obr\u00e1zku jednoduch\u00fdch (i <a href=\"/en/A_Basic_RayCaster\">slo\u017eit\u011bj\u0161\u00edch</a>) animac\u00ed. Obr\u00e1zek vpravo zobrazuje n\u011bkolik p\u0159\u00edklad\u016f pou\u017eit\u00ed <code>&lt;canvas&gt;</code>, kter\u00e9 spat\u0159\u00edme pozd\u011bji v tomto tutori\u00e1lu.", "localization_tags": [], "locale": "cs", "last_edit": "2014-05-24T09:16:27", "review_tags": []}, {"uuid": "d250a05f-e2ec-4fe0-ab7f-33921ba68a92", "title": "Canvas Tutorial", "url": "/de/docs/Web/Guide/HTML/Canvas_Tutorial", "tags": [], "summary": "Dieses Tutorial beschreibt die Grundlagen des Zeichnens von\u00a02d-Grafiken mit dem\u00a0<canvas>-Element. Die Beispiele sollen die M\u00f6glichkeiten des Canvas aufzeigen. Der zugeh\u00f6rige Code dient als Einf\u00fchrung und kann als Vorlage f\u00fcr eigenen Content dienen.", "localization_tags": ["inprogress"], "locale": "de", "last_edit": "2016-01-04T13:19:25", "review_tags": ["editorial"]}, {"uuid": "dbfcb2d0-c583-49ed-9180-1eecd37cfadb", "title": "Tutorial Canvas", "url": "/es/docs/Web/Guide/HTML/Canvas_tutorial", "tags": ["Canvas", "Gr\u00e1ficos", "HTML5", "graficos"], "summary": "En este tutorial se describe c\u00f3mo usar el elemento <code>&lt;canvas&gt;</code> para dibujar gr\u00e1ficos en 2D, empezando con lo b\u00e1sico. Los ejemplos le proveer\u00e1n mayor claridad a las ideas que pueda tener referentes al canvas, as\u00ed como los c\u00f3digos que necesita para crear su propio contenido.", "localization_tags": [], "locale": "es", "last_edit": "2016-01-07T15:04:49", "review_tags": []}, {"uuid": "20eeb94a-4357-488d-bbdd-5d5e3abd8a5e", "title": "Tutoriel canvas", "url": "/fr/docs/Tutoriel_canvas", "tags": ["Canvas", "HTML", "Tutoriels", "Tutoriel_canvas"], "summary": "<img alt=\"\" src=\"/@api/deki/files/1232/=Canvas_tut_examples.jpg\" style=\"float: right;\"/>", "localization_tags": [], "locale": "fr", "last_edit": "2016-07-05T02:06:48", "review_tags": []}, {"uuid": "4a853a57-7d99-432d-91fe-78e09df9e190", "title": "Tutorial sulle Canvas", "url": "/it/docs/Tutorial_sulle_Canvas", "tags": ["HTML:Canvas", "Canvas tutorial"], "summary": "Questo tutorial descrive come usare l'elemento <canvas> per disegnare grafica 2D, cominciando dagli apetti pi\u00f9 elementari. Gli esempi forniti vi forniranno un'idea di ci\u00f2 che \u00e8 possibile fare con canvas nonch\u00e9 il codice di alcuni snippet come ispirazione per lo sviluppo dei vostri contenuti originali.", "localization_tags": [], "locale": "it", "last_edit": "2016-07-20T12:58:20", "review_tags": []}, {"uuid": "5018dee3-6327-47ea-8975-81dff0b2056b", "title": "canvas \u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb", "url": "/ja/docs/Web/Guide/HTML/Canvas_tutorial", "tags": ["Canvas", "Guide", "Graphics", "Web", "HTML", "HTML5", "Intermediate"], "summary": "\u3053\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u306f\u30012D \u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u30b9\u3092\u63cf\u753b\u3059\u308b\u305f\u3081\u306b <code>&lt;canvas&gt;</code> \u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u3001\u57fa\u790e\u304b\u3089\u8aac\u660e\u3057\u307e\u3059\u3002\u63d0\u4f9b\u3059\u308b\u4f8b\u306f\u3001<code>&lt;canvas&gt;</code> \u3067\u51fa\u6765\u308b\u3053\u3068\u306e\u3001\u3044\u304f\u3064\u304b\u306e\u660e\u78ba\u306a\u30a2\u30a4\u30c7\u30a2\u3068\u3001\u305d\u308c\u3092\u3042\u306a\u305f\u81ea\u8eab\u3067\u5b9f\u88c5\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u305f\u3081\u306e\u30b3\u30fc\u30c9\u30b9\u30cb\u30da\u30c3\u30c8\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-08-24T08:35:40", "review_tags": []}, {"uuid": "9967b076-d687-42f1-885d-719a8a7dda87", "title": "\uce94\ubc84\uc2a4 \ud29c\ud1a0\ub9ac\uc5bc Canvas tutorial", "url": "/ko/docs/Web/HTML/Canvas/Tutorial", "tags": ["\uce94\ubc84\uc2a4", "\uadf8\ub798\ud53d", "HTML", "HTML5"], "summary": "\uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc740 <code>&lt;canvas&gt;</code> \uc694\uc18c\ub97c \uc0ac\uc6a9\ud558\uc5ec 2D \uadf8\ub798\ud53d\uc744 \uc5b4\ub5bb\uac8c \uadf8\ub9ac\ub294\uc9c0 \uae30\ucd08\ubd80\ud130 \uc124\uba85\ud569\ub2c8\ub2e4. \uce94\ubc84\uc2a4\ub85c \ud560 \uc218 \uc788\ub294 \uac83\uc774 \ubb34\uc5c7\uc778\uc9c0 \uc54c\ub824\uc8fc\uba70,\u00a0\ubc14\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \ucf54\ub4dc\ub3c4 \uc81c\uacf5\ud569\ub2c8\ub2e4.", "localization_tags": [], "locale": "ko", "last_edit": "2016-07-17T23:20:57", "review_tags": []}, {"uuid": "539b1d33-28fd-4649-a66f-fcd6bd05d8b6", "title": "Canvas tutorial", "url": "/nl/docs/Web/API/Canvas_API/Tutorial", "tags": [], "summary": "Deze tutorial beschrijft \u00a0hoe je met basis <canvas> elementen\u00a02D graphics kunt maken. De voorbeelden op deze pagina zouden je een goed idee moeten geven van wat er mogelijk is met canvas. Ook kan je de stukjes code gebruiken om zelf te beginnen met het bouwen van je eigen content.", "localization_tags": ["inprogress"], "locale": "nl", "last_edit": "2016-07-16T05:06:11", "review_tags": []}, {"uuid": "9cf2214f-ddd2-4dde-8537-a5d801a2067c", "title": "Canvas tutorial", "url": "/pl/docs/Web/API/Canvas_API/Tutorial", "tags": ["Canvas", "Guide", "TopicStub", "NeedsTranslation", "Graphics", "Web", "HTML", "HTML5", "Intermediate"], "summary": "This tutorial describes how to use the <code>&lt;canvas&gt;</code> element to draw 2D graphics, starting with the basics. The examples provided should give you some clear ideas what you can do with canvas and will provide code snippets that may get you started in building your own content.", "localization_tags": ["inprogress"], "locale": "pl", "last_edit": "2015-11-04T18:08:07", "review_tags": []}, {"uuid": "51aa302c-3b01-4790-a6d0-3f69a8bd1e3c", "title": "Canvas tutorial", "url": "/pt-BR/docs/Web/Guide/HTML/Canvas_tutorial", "tags": ["Canvas", "Guide", "TopicStub", "NeedsTranslation", "Graphics", "Web", "HTML", "HTML5", "Intermediate"], "summary": "Este tutorial descreve como utilizar o elemento\u00a0<code>&lt;canvas&gt;</code>\u00a0para desenhar gr\u00e1ficos 2D, iniciando com o b\u00e1sico. Os exemplos fornecidos devem lhe trazer algumas ideias claras sobre o que voc\u00ea pode fazer com o canvas e ir\u00e1 fornecer trechos de c\u00f3digo que podem lhe ajudar na contru\u00e7\u00e3o do seu pr\u00f3prio conte\u00fado.\u00a0", "localization_tags": [], "locale": "pt-BR", "last_edit": "2015-08-20T06:09:49", "review_tags": []}, {"uuid": "a8ece2d8-80d4-4361-ab89-a7287e34227d", "title": "\u0420\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043f\u043e Canvas", "url": "/ru/docs/Web/API/Canvas_API/Tutorial", "tags": ["Canvas", "Graphics"], "summary": "<a href=\"/en-US/docs/HTML/Canvas\" title=\"HTML/Canvas\"><img alt=\"\" src=\"https://mdn.mozillademos.org/files/257/Canvas_tut_examples.jpg\" style=\"float: right; height: 450px; width: 200px;\"/></a>", "localization_tags": [], "locale": "ru", "last_edit": "2016-10-12T23:41:54", "review_tags": []}, {"uuid": "a4ceb2c4-926b-4b6b-a244-0ec3779e021a", "title": "Canvas\u6559\u7a0b", "url": "/zh-CN/docs/Web/API/Canvas_API/Tutorial", "tags": ["Canvas", "\u4e2d\u7ea7", "\u753b\u5e03", "\u8fdb\u9636", "\u56fe\u50cf", "\u6559\u7a0b", "Web", "HTML", "HTML5"], "summary": "<a href=\"/zh-CN/docs/HTML/Canvas\" title=\"HTML/Canvas\"><img alt=\"\" src=\"https://mdn.mozillademos.org/files/257/Canvas_tut_examples.jpg\" style=\"float: right; height: 450px; width: 200px;\"/></a>", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-07-18T22:04:17", "review_tags": []}, {"uuid": "06eaf620-ca9a-4a43-b97f-814fedaab46a", "title": "Canvas \u6559\u5b78\u6587\u4ef6", "url": "/zh-TW/docs/Web/API/Canvas_API/Tutorial", "tags": [], "summary": "\u672c\u6559\u5b78\u5f9e\u57fa\u790e\u77e5\u8b58\u958b\u59cb\uff0c\u63cf\u8ff0\u5982\u4f55\u5229\u7528 <canvas> \u9032\u884c 2D \u7e6a\u5716\u3002\u6559\u5b78\u4e2d\u7684\u7bc4\u4f8b\u6703\u8b93\u5404\u4f4d\u6e05\u695a\u77ad\u89e3 <canvas> \u8a72\u5982\u4f55\u904b\u7528\uff0c\u53e6\u5916\u4e5f\u6703\u63d0\u4f9b\u7a0b\u5f0f\u78bc\u7bc4\u4f8b\uff0c\u8b93\u5927\u5bb6\u5690\u8a66\u88fd\u4f5c\u81ea\u5df1\u7684\u5167\u5bb9\u3002", "localization_tags": [], "locale": "zh-TW", "last_edit": "2013-12-03T22:17:28", "review_tags": []}], "modified": "2016-10-04T17:56:30", "label": "Canvas tutorial", "localization_tags": [], "locale": "en-US", "id": 79133, "last_edit": "2015-11-04T18:08:07", "summary": "This tutorial describes how to use the <code>&lt;canvas&gt;</code> element to draw 2D graphics, starting with the basics. The examples provided should give you some clear ideas what you can do with canvas and will provide code snippets that may get you started in building your own content.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Before_you_start", "title": "Before you start"}, {"id": "In_this_tutorial", "title": "In this tutorial"}, {"id": "See_also", "title": "See also"}, {"id": "A_note_to_contributors", "title": "A note to contributors"}], "slug": "Web/API/Canvas_API/Tutorial", "review_tags": []}