{"json_modified": "2016-08-23T07:12:29.189049", "uuid": "a16294d0-21e5-42e1-81bd-f9bd9174c10c", "title": "Canvas \u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb", "url": "/ja/docs/Web/HTML/Canvas/Tutorial", "tags": ["Canvas tutorial", "HTML:Canvas", "HTML", "HTML5", "Tutorials"], "translations": [{"uuid": "04fe7265-b47b-49da-8ade-6bf3c2c49c6b", "title": "Canvas tutorial", "url": "/en-US/docs/Canvas-tutorial-broken", "tags": [], "summary": "Nope", "localization_tags": [], "locale": "en-US", "last_edit": "2016-04-01T09:27:59", "review_tags": []}, {"uuid": "03be3c7e-09a8-4a20-9100-24189ef7a720", "title": "Canvas tutorial", "url": "/ko/docs/Canvas_tutorial", "tags": ["Canvas tutorial", "HTML", "HTML:Canvas", "Tutorials"], "summary": "<img class=\"internal\" src=\"/@api/deki/files/2068/=Canvas_tut_examples.jpg\" style=\"float: right;\"/><strong><code><a href=\"/ko/HTML/Canvas\" title=\"ko/HTML/Canvas\">&lt;canvas&gt;</a></code></strong>\ub294 \uc2a4\ud06c\ub9bd\ud2b8(\ubcf4\ud1b5 <a href=\"/ko/JavaScript\" title=\"ko/JavaScript\">JavaScript</a>)\ub97c \uc774\uc6a9\ud574 \uadf8\ub9bc\uc744 \uadf8\ub9ac\ub294 \uc0c8\ub85c\uc6b4 <a href=\"/ko/HTML\" title=\"ko/HTML\">HTML</a> \uc694\uc18c\uc785\ub2c8\ub2e4. \uadf8\ub798\ud504\ub97c \uadf8\ub9ac\uac70\ub098 \uc0ac\uc9c4\ud569\uc131 \ud639\uc740 \uac04\ub2e8\ud55c(\uadf8\ub9ac\uace0 <a href=\"/ko/A_Basic_RayCaster\" title=\"ko/A_Basic_RayCaster\">\ub2e8\uc21c\ud558\uc9c0 \uc54a\uc740 \uac83</a>\ub3c4) \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc81c\uc791\ud558\ub294\ub370 \uc4f0\uc77c \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uc624\ub978\ucabd\uc758 \uc774\ubbf8\uc9c0\ub294 \uc6b0\ub9ac\uac00 \uc774 \uc785\ubb38\uc11c\uc5d0\uc11c \uc0b4\ud3b4\ubcfc <code>&lt;canvas&gt;</code> \uad6c\ud604\uc758 \uba87\uac00\uc9c0 \uc608\uc785\ub2c8\ub2e4.", "localization_tags": [], "locale": "ko", "last_edit": "2016-01-10T23:22:24", "review_tags": []}, {"uuid": "d99d2d6c-5399-4bed-a786-d5dce5cdc3df", "title": "Canvas \u6559\u5b78", "url": "/zh-TW/docs/Canvas_%E6%95%99%E5%AD%B8", "tags": [], "summary": "<img align=\"right\" alt=\"\" class=\" internal\" src=\"/@api/deki/files/115/=Canvas_tut_examples.jpg\"/><strong><code><a href=\"/en/HTML/Canvas\" title=\"en/HTML/Canvas\">&lt;canvas&gt;</a></code></strong> \u662f\u65b0\u7684 <a class=\"internal\" href=\"/zh_tw/HTML\" title=\"zh tw/HTML\">HTML</a> \u5143\u7d20\uff0c\u53ef\u900f\u904e Script\uff08\u901a\u5e38\u662f <a class=\"internal\" href=\"/zh_tw/JavaScript\" title=\"zh tw/JavaScript\">JavaScript</a>\uff09\u7e6a\u88fd\u5716\u5f62\u3002\u53ef\u7528\u65bc\u756b\u5716\u3001\u7d44\u5408\u5716\u50cf\uff0c\u6216\u505a\u7c21\u55ae\u7684\u52d5\u756b\uff08\u4e5f\u53ef\u4ee5<a href=\"/en/A_Basic_RayCaster\" title=\"en/A_Basic_RayCaster\">\u4e0d\u600e\u9ebc\u7c21\u55ae</a>\uff09\u3002\u53f3\u5074\u5716\u50cf\u662f <code>&lt;canvas&gt;</code> \u7684\u4f7f\u7528\u7bc4\u4f8b\uff0c\u7a0d\u5f8c\u53ef\u5728\u672c\u6559\u5b78\u770b\u5230\u505a\u6cd5\u3002", "localization_tags": [], "locale": "zh-TW", "last_edit": "2012-09-21T21:52:32", "review_tags": []}, {"uuid": "a53fb66e-9c13-45ab-944b-350cac5dd3d3", "title": "Przewodnik po canvas", "url": "/pl/docs/Przewodnik_po_canvas", "tags": ["Przewodniki", "Przewodnik_Canvas", "HTML", "HTML:Canvas", "Wszystkie_kategorie"], "summary": "", "localization_tags": [], "locale": "pl", "last_edit": "2008-06-10T04:29:07", "review_tags": []}, {"uuid": "c12c85eb-dff4-4da1-a144-cde190de4494", "title": "\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 canvas", "url": "/ru/docs/%D0%9E%D0%B1%D1%83%D1%87%D0%B5%D0%BD%D0%B8%D0%B5_canvas", "tags": ["\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435_canvas", "HTML:Canvas"], "summary": "<img align=\"right\"/><b><code><a href=\"ru/HTML/Canvas\">&lt;canvas&gt;</a></code></b> \u044d\u0442\u043e \u043d\u043e\u0432\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 <a href=\"ru/HTML\">HTML</a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0433\u0440\u0430\u0444\u0438\u043a\u0438 \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432\u0430\u043d\u0438\u044f (\u043e\u0431\u044b\u0447\u043d\u043e <a href=\"ru/JavaScript\">JavaScript</a>). \u041e\u043d \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d, \u043a \u043f\u0440\u0438\u043c\u0435\u0440\u0443, \u0434\u043b\u044f \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0432, \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0444\u043e\u0442\u043e-\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0439, \u0438\u043b\u0438 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u0440\u043e\u0441\u0442\u044b\u0445 (<a href=\"ru/A_Basic_RayCaster\">\u0438 \u043d\u0435 \u043e\u0447\u0435\u043d\u044c</a>) \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439.", "localization_tags": [], "locale": "ru", "last_edit": "2013-02-09T09:42:08", "review_tags": []}, {"uuid": "12f65ef1-3003-46f2-b851-8432f996a763", "title": "Canvas tutorial", "url": "/vi/docs/Canvas_tutorial", "tags": [], "summary": "<strong><code><a href=\"/en-US/docs/HTML/Canvas\" title=\"en-US/docs/HTML/Canvas\">&lt;canvas&gt;</a></code></strong> l\u00e0 m\u1ed9t th\u1ebb <a href=\"/en-US/docs/HTML\" title=\"en-US/docs/HTML\">HTML</a> cho ph\u00e9p b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng \u0111\u1ec3 v\u1ebd s\u1eed d\u1ee5ng c\u00e1c script( th\u01b0\u1eddng l\u00e0\u00a0 <a href=\"/en-US/docs/JavaScript\" title=\"en-US/docs/JavaScript\">JavaScript</a>). N\u00f3 c\u00f3 th\u1ec3, \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng l\u00e0 \u1ea3nh (v\u00e0 <a href=\"/en-US/docs/HTML/Canvas/A_Basic_RayCaster\" title=\"en-US/docs/A_Basic_RayCaster\">\u0111\u01a1n gi\u1ea3n</a>) animation. B\u1ee9c \u1ea3nh \u1edf b\u00ean ph\u1ea3i l\u00e0 m\u1ed9t v\u00e0i v\u00ed d\u1ee5 c\u1ee7a vi\u1ec7c d\u00f9ng <code>&lt;canvas&gt;</code> m\u00e0 s\u1ebd \u0111\u01b0\u1ee3c tr\u00ecnh b\u00e0y \u1edf ph\u1ea7n sau trong tutorial n\u00e0y.", "localization_tags": [], "locale": "vi", "last_edit": "2012-10-11T23:31:41", "review_tags": []}, {"uuid": "d012744a-7a53-4588-bd09-6ecb135d2953", "title": "Canvas ismertet\u0151", "url": "/hu/docs/Canvas_ismerteto", "tags": [], "summary": "A <strong><code><a href=\"/en-US/docs/HTML/Canvas\" title=\"en-US/docs/HTML/Canvas\">&lt;canvas&gt;</a></code></strong> egy olyan <a href=\"/en-US/docs/HTML\" title=\"en-US/docs/HTML\">HTML</a> elem, amely parancsf\u00e1jlok (\u00e1ltal\u00e1ban <a href=\"/en-US/docs/JavaScript\" title=\"en-US/docs/JavaScript\">JavaScript</a>) seg\u00edts\u00e9g\u00e9vel rajzol\u00e1sra haszn\u00e1lhat\u00f3. Haszn\u00e1lhat\u00f3 p\u00e9ld\u00e1ul grafikonok rajzol\u00e1s\u00e1hoz, k\u00e9sz\u00edthet\u0151k vele f\u00e9nyk\u00e9p \u00f6ssze\u00e1ll\u00edt\u00e1sok, vagy ak\u00e1r egyszer\u0171 (\u00e9s <a href=\"/en-US/docs/HTML/Canvas/A_Basic_RayCaster\" title=\"en-US/docs/A_Basic_RayCaster\">nem t\u00fal egyszer\u0171</a>) anim\u00e1ci\u00f3k. A jobb oldalon l\u00e9v\u0151 k\u00e9p n\u00e9h\u00e1ny olyan <code>&lt;canvas&gt;</code> megval\u00f3s\u00edt\u00e1st mutat, amely k\u00e9s\u0151bb felt\u0171nik majd ebben az ismertet\u0151ben.", "localization_tags": [], "locale": "hu", "last_edit": "2012-10-14T12:55:15", "review_tags": []}, {"uuid": "33d0b923-a1d6-4b66-96fd-7d446fceb3c3", "title": "Canvas tutorial", "url": "/pt-BR/docs/Canvas_tutorial", "tags": ["Canvas", "HTML5"], "summary": "<span id=\"result_box\" lang=\"pt\"><span class=\"hps\">O </span></span><strong><code><a href=\"/en-US/docs/HTML/Canvas\" title=\"HTML/Canvas\">&lt;canvas&gt;</a></code></strong><span id=\"result_box\" lang=\"pt\"> <span class=\"hps\">\u00e9 um elemento </span></span><a href=\"https://developer.mozilla.org/en-US/docs/HTML\" title=\"HTML\">HTML</a> <span id=\"result_box\" lang=\"pt\"><span class=\"hps\">que pode</span> <span class=\"hps\">ser usado para desenhar</span> <span class=\"hps\">gr\u00e1ficos usando</span> uma liguagem de script <span class=\"hps atn\">(</span><span>normalmente </span></span><a href=\"https://developer.mozilla.org/en-US/docs/JavaScript\" title=\"JavaScript\">JavaScript</a><span id=\"result_box\" lang=\"pt\"><span>).</span> <span class=\"hps\">Ele pode</span><span>, por exemplo,</span> <span class=\"hps\">ser usado para</span> <span class=\"hps\">desenhar gr\u00e1ficos, fazer</span> <span class=\"hps\">composi\u00e7\u00e3o de fotografias ou</span> <span class=\"hps atn\">simples (</span><span>e </span></span><a href=\"https://developer.mozilla.org/en-US/docs/HTML/Canvas/A_Basic_RayCaster\" title=\"A_Basic_RayCaster\"><span id=\"result_box\" lang=\"pt\"><span>n\u00e3o t\u00e3o simples</span></span></a><span id=\"result_box\" lang=\"pt\"><span>)</span> <span class=\"hps\">anima\u00e7\u00f5es.</span> <span class=\"hps\">A imagem</span> <span class=\"hps\">\u00e0 direita mostra</span> <span class=\"hps\">alguns exemplos de implementa\u00e7\u00f5es</span> do </span><code>&lt;canvas&gt;</code><span id=\"result_box\" lang=\"pt\"><span class=\"hps\"> que</span> <span class=\"hps\">veremos mais adiante</span> <span class=\"hps\">neste tutorial.</span></span>", "localization_tags": [], "locale": "pt-BR", "last_edit": "2012-11-10T13:28:21", "review_tags": []}, {"uuid": "88b3150b-0b12-41ba-992b-8a79bf1eb3d8", "title": "\u0995\u09cd\u09af\u09be\u09a8\u09ad\u09be\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2", "url": "/bn-BD/docs/Web/HTML/Canvas/Tutorial", "tags": [], "summary": "<strong><code><a href=\"/bn-BD/docs/HTML/Canvas\" title=\"HTML/Canvas\">&lt;canvas&gt;</a></code></strong> \u09b9\u09b2 \u098f\u0995\u099f\u09bf <a href=\"/bn-BD/docs/HTML\" title=\"HTML\">HTML</a> \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f, \u09af\u09be \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09aa\u09cd\u099f\u09bf\u0982\u09df\u09c7\u09b0 (\u09b8\u09be\u09a7\u09be\u09b0\u09a3\u09a4 <a href=\"/bn-BD/docs/JavaScript\" title=\"JavaScript\">\u099c\u09be\u09ad\u09be\u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09aa\u09cd\u099f</a>) \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af\u09c7 \u0997\u09cd\u09b0\u09be\u09ab\u09bf\u0995\u09cd\u09b8 \u0986\u0981\u0995\u09be \u09af\u09be\u09df\u0964 \u098f\u099f\u09bf \u0985\u09ac\u09b6\u09cd\u09af \u0997\u09cd\u09b0\u09be\u09ab\u09bf\u0995\u09cd\u09b8 \u0986\u0981\u0995\u09be, \u099b\u09ac\u09bf \u0995\u09ae\u09cd\u09aa\u09cb\u099c\u09bf\u09b6\u09a8 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u098f\u09ac\u0982 \u09b8\u09be\u09a7\u09be\u09b0\u09a3 (\u098f\u09ac\u0982 <a href=\"/bn-BD/docs/HTML/Canvas/A_Basic_RayCaster\" title=\"A_Basic_RayCaster\">\u0985\u09b8\u09be\u09a7\u09be\u09b0\u09a3</a>) \u098f\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u09a4\u09c8\u09b0\u09bf\u09b0 \u0995\u09be\u099c \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964", "localization_tags": [], "locale": "bn-BD", "last_edit": "2014-07-02T23:12:32", "review_tags": []}], "modified": "2016-08-23T07:12:28", "label": "Canvas \u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb", "localization_tags": [], "locale": "ja", "id": 1748, "last_edit": "2013-05-09T14:05:38", "summary": "<strong><code><a href=\"/ja/docs/HTML/Canvas\" title=\"HTML/Canvas\">&lt;canvas&gt;</a></code></strong> \u306f\u30b9\u30af\u30ea\u30d7\u30c8(\u4e00\u822c\u7684\u306b <a href=\"/ja/docs/JavaScript\" title=\"JavaScript\">JavaScript</a>) \u3092\u4f7f\u3063\u3066\u56f3\u5f62\u3092\u63cf\u304f\u305f\u3081\u306b\u4f7f\u308f\u308c\u308b\u65b0\u3057\u3044 <a href=\"/ja/docs/HTML\" title=\"HTML\">HTML</a> \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<a href=\"/ja/docs/A_Basic_RayCaster\" title=\"A_Basic_RayCaster\">\u3042\u307e\u308a\u7c21\u5358\u3067\u306f\u306a\u3044</a>\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 <code>&lt;canvas&gt;</code> \u3092\u5b9f\u969b\u306b\u4f7f\u3063\u305f\u4f8b\u3067\u3059\u3002", "sections": [{"id": "Before_you_start", "title": "\u59cb\u3081\u308b\u524d\u306b"}, {"id": "In_this_tutorial", "title": "\u3053\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306e\u4e00\u89a7"}, {"id": "See_also", "title": "\u95a2\u9023\u60c5\u5831"}, {"id": "canvas_\u306b\u95a2\u3059\u308b\u5916\u90e8\u60c5\u5831\uff08\u65e5\u672c\u8a9e\uff09", "title": "canvas \u306b\u95a2\u3059\u308b\u5916\u90e8\u60c5\u5831\uff08\u65e5\u672c\u8a9e\uff09"}, {"id": "canvas_\u306b\u95a2\u3059\u308b\u5916\u90e8\u60c5\u5831\uff08\u82f1\u8a9e\uff09", "title": "canvas \u306b\u95a2\u3059\u308b\u5916\u90e8\u60c5\u5831\uff08\u82f1\u8a9e\uff09"}], "slug": "Web/HTML/Canvas/Tutorial", "review_tags": []}