{"json_modified": "2014-03-25T18:56:17.017336", "slug": "Canvas_tutorial", "tags": ["Canvas", "HTML5"], "locale": "pt-BR", "title": "Canvas tutorial", "translations": [{"locale": "ja", "url": "/ja/docs/Web/HTML/Canvas/Tutorial", "last_edit": "2013-05-09T14:05:38", "title": "Canvas \u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb"}, {"locale": "ko", "url": "/ko/docs/Canvas_tutorial", "last_edit": "2011-12-01T11:59:10", "title": "Canvas tutorial"}, {"locale": "fr", "url": "/fr/docs/Tutoriel_canvas", "last_edit": "2013-07-18T13:24:07", "title": "Tutoriel canvas"}, {"locale": "es", "url": "/es/docs/Canvas_tutorial", "last_edit": "2011-01-08T22:24:10", "title": "Tutorial de Canvas"}, {"locale": "zh-TW", "url": "/zh-TW/docs/Canvas_%E6%95%99%E5%AD%B8", "last_edit": "2012-09-21T21:52:32", "title": "Canvas \u6559\u5b78"}, {"locale": "pl", "url": "/pl/docs/Przewodnik_po_canvas", "last_edit": "2008-06-10T04:29:07", "title": "Przewodnik po canvas"}, {"locale": "ru", "url": "/ru/docs/%D0%9E%D0%B1%D1%83%D1%87%D0%B5%D0%BD%D0%B8%D0%B5_canvas", "last_edit": "2013-02-09T09:42:08", "title": "\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 canvas"}, {"locale": "zh-CN", "url": "/zh-CN/docs/Canvas%E6%95%99%E7%A8%8B", "last_edit": "2013-04-05T07:34:12", "title": "Canvas\u6559\u7a0b"}, {"locale": "vi", "url": "/vi/docs/Canvas_tutorial", "last_edit": "2012-10-11T23:31:41", "title": "Canvas tutorial"}, {"locale": "hu", "url": "/hu/docs/Canvas_ismerteto", "last_edit": "2012-10-14T12:55:15", "title": "Canvas ismertet\u0151"}, {"locale": "bn-BD", "url": "/bn-BD/docs/HTML/Canvas/Tutorial", "last_edit": "2013-04-22T13:03:04", "title": "\u0995\u09cd\u09af\u09be\u09a8\u09ad\u09be\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2"}], "modified": "2014-03-25T18:56:16", "label": "Canvas tutorial", "url": "/pt-BR/docs/Canvas_tutorial", "last_edit": "2012-11-10T13:28:21", "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>", "sections": [{"id": "Before_you_start", "title": "Antes de come\u00e7ar"}, {"id": "In_this_tutorial", "title": "Neste tutorial"}, {"id": "See_also", "title": "veja tamb\u00e9m"}], "id": 57575, "review_tags": []}