{"json_modified": "2016-07-18T22:04:21.204234", "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", "canvas"], "translations": [{"uuid": "20eeb94a-4357-488d-bbdd-5d5e3abd8a5e", "title": "Tutoriel canvas", "url": "/fr/docs/Tutoriel_canvas", "tags": ["Canvas", "canvas", "HTML", "Tutoriels", "Tutoriel_canvas"], "summary": "\"\"", "localization_tags": [], "locale": "fr", "last_edit": "2016-07-05T02:06:48", "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": "\"\"<canvas> je nov\u00fd prvek HTML, 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 slo\u017eit\u011bj\u0161\u00edch) animac\u00ed. Obr\u00e1zek vpravo zobrazuje n\u011bkolik p\u0159\u00edklad\u016f pou\u017eit\u00ed <canvas>, 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": "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 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": "2015-05-31T03:35:24", "review_tags": []}, {"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"], "summary": "This tutorial describes how to use the <canvas> 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": [], "locale": "en-US", "last_edit": "2015-11-04T18:08:07", "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": ["Tutorial", "Canvas", "Graphics", "HTML", "HTML5"], "summary": "<canvas> \u8981\u7d20\u306f\u3001\u30b9\u30af\u30ea\u30d7\u30c8(\u4e00\u822c\u7684\u306b JavaScript) \u3092\u4f7f\u3063\u3066\u56f3\u5f62\u3092\u63cf\u304f\u305f\u3081\u306b\u4f7f\u308f\u308c\u308b\u65b0\u3057\u3044 HTML \u8981\u7d20\u3067\u3059\u3002\u4f8b\u3048\u3070\u3001\u30b0\u30e9\u30d5\u3092\u63cf\u304f\u3001\u5199\u771f\u3092\u5408\u6210\u3059\u308b\u3001\u307e\u305f\u306f\u7c21\u5358\u306a\uff08\u307e\u305f\u306f\u3042\u307e\u308a\u7c21\u5358\u3067\u306f\u306a\u3044\uff09\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306b\u4f7f\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u53f3\u306e\u753b\u50cf\u306f\u5f8c\u3067\u3053\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306e\u4e2d\u3067\u307f\u308b <canvas> \u3092\u5b9f\u969b\u306b\u4f7f\u3063\u305f\u4f8b\u3067\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2013-06-24T06:03:51", "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 \u9032\u884c 2D \u7e6a\u5716\u3002\u6559\u5b78\u4e2d\u7684\u7bc4\u4f8b\u6703\u8b93\u5404\u4f4d\u6e05\u695a\u77ad\u89e3 \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": []}, {"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 <canvas> 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": "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", "canvas"], "summary": "\"\"", "localization_tags": [], "locale": "ru", "last_edit": "2016-05-06T19:17:20", "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-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 <canvas> 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": "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<canvas>\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": "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 <canvas> \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": "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", "canvas"], "summary": "This tutorial describes how to use the <canvas> 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": "539b1d33-28fd-4649-a66f-fcd6bd05d8b6", "title": "Canvas tutorial", "url": "/nl/docs/Web/API/Canvas_API/Tutorial", "tags": ["canvas html javascript tutorial beginner"], "summary": "Deze tutorial beschrijft \u00a0hoe je met basis 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": []}], "modified": "2016-07-18T22:04:20", "label": "Canvas\u6559\u7a0b", "localization_tags": [], "locale": "zh-CN", "id": 55147, "last_edit": "2016-07-18T22:04:17", "summary": "\"\"", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Before_you_start", "title": "\u5f00\u59cb\u4e4b\u524d"}, {"id": "In_this_tutorial", "title": "\u672c\u6559\u7a0b\u5305\u542b"}, {"id": "See_also", "title": "\u76f8\u5173\u94fe\u63a5"}], "slug": "Web/API/Canvas_API/Tutorial", "review_tags": []}