{"json_modified": "2016-09-19T07:25:00.185506", "uuid": "85c4b39a-558d-4cfa-965e-ef46654fa0e6", "title": "Optimizing canvas", "url": "/en-US/docs/Web/API/Canvas_API/Tutorial/Optimizing_canvas", "tags": ["Canvas", "HTML5", "Graphics", "HTML", "Tutorial", "Advanced"], "translations": [{"uuid": "b94a228d-1dea-476d-8fa4-cfa69880ee6d", "title": "Optimizing canvas", "url": "/es/docs/Web/Guide/HTML/Canvas_tutorial/Optimizing_canvas", "tags": [], "summary": "This article aims to provide suggestions for optimizing your use of the canvas element, to ensure that your Web site or app performs well.", "localization_tags": [], "locale": "es", "last_edit": "2014-04-29T11:54:11", "review_tags": []}, {"uuid": "9f73f7b9-3a0a-4f21-971b-5649b2eb3e57", "title": "Optimiser les Canvas", "url": "/fr/docs/Tutoriel_canvas/Optimizing_canvas", "tags": [], "summary": "Ceci est une liste de conseils pour am\u00e9liorer les performances", "localization_tags": [], "locale": "fr", "last_edit": "2016-07-05T01:59:27", "review_tags": ["editorial"]}, {"uuid": "c8fdcc5e-3331-4331-886a-5776efdcf3a9", "title": "canvas \u3092\u6700\u9069\u5316\u3059\u308b", "url": "/ja/docs/Web/Guide/HTML/Canvas_tutorial/Optimizing_canvas", "tags": ["Canvas", "HTML5", "Graphics", "HTML", "Tutorial", "Advanced"], "summary": "\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3084\u30a2\u30d7\u30ea\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u826f\u597d\u306b\u4fdd\u3064\u305f\u3081\u306b\u3001canvas \u8981\u7d20\u306e\u4f7f\u3044\u65b9\u306e\u6700\u9069\u5316\u65b9\u6cd5\u3092\u63d0\u6848\u3057\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-09-19T07:24:54", "review_tags": []}, {"uuid": "2139ac8e-9266-44e0-acc2-b1fc0d54ff1b", "title": "canvas\u7684\u4f18\u5316", "url": "/zh-CN/docs/Web/API/Canvas_API/Tutorial/Optimizing_canvas", "tags": [], "summary": "\u4e0b\u9762\u662f\u4e00\u4e9b\u6539\u5584\u6027\u80fd\u7684\u5efa\u8bae", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-04-14T19:17:56", "review_tags": []}, {"uuid": "bbedbd69-a66f-43ca-84aa-8973877853bb", "title": "\u6700\u4f73\u5316canvas", "url": "/zh-TW/docs/Web/API/Canvas_API/Tutorial/%E6%9C%80%E4%BD%B3%E5%8C%96_canvas", "tags": [], "summary": "<a href=\"/zh-TW/docs/Web/HTML/Element/canvas\" title=\"&#x9019;&#x500B; HTML &lt;canvas&gt; &#x5143;&#x7D20; &#x53EF;&#x4EE5;&#x88AB;&#x4F7F;&#x7528;&#x65BC;&#x5C0D;&#x8173;&#x672C;&#x7A0B;&#x5F0F;(JaveScript) &#x7E6A;&#x5716; .&#x8209;&#x4F8B;&#x4F86;&#x8AAA;, &#x5B83;&#x80FD;&#x7528;&#x4F86;&#x756B;&#x5716;,&#x7D44;&#x5408;&#x7167;&#x7247;,&#x751A;&#x81F3;&#x4F5C;&#x52D5;&#x756B;. &#x4F60;&#x4E5F;&#x8A31;(&#x61C9;&#x8A72;) &#x5728;&lt;canvas&gt;&#x5340;&#x6BB5;&#x5167;&#x63D0;&#x4F9B;&#x66FF;&#x4EE3;&#x65B9;&#x6848;&#x7684;&#x5167;&#x5BB9; .&#x9019;&#x5167;&#x5BB9;&#x5C07;&#x80FD;&#x88AB;&#x4E00;&#x4E9B;&#x4E0D;&#x652F;&#x63F4;&lt;canvas&gt;&#x4EE5;&#x53CA;&#x7121;&#x6CD5;&#x4F7F;&#x7528;Javescript&#x529F;&#x80FD;&#x7684;&#x700F;&#x89BD;&#x5668;&#x6240;&#x6E32;&#x67D3; .\"><code>&lt;canvas&gt;</code></a>\u5728\u7db2\u98012D\u7e6a\u5716\u4e0a\u88ab\u5927\u91cf\u904b\u7528\u65bc\u904a\u6232\u548c\u8907\u96dc\u8996\u89ba\u5316\u6548\u679c\u4e0a\u3002\u96a8\u8457\u7e6a\u5716\u8907\u96dc\u5ea6\u8d8a\u4f86\u8d8a\u9ad8\uff0c\u6548\u80fd\u554f\u984c\u4e5f\u6703\u9010\u4e00\u6d6e\u73fe\uff0c\u6240\u4ee5\u6700\u5f8c\u6211\u5011\u5728\u9019\u908a\u5217\u51fa\u4e00\u4e9b\u6700\u4f73\u5316\u756b\u5e03\u7684\u65b9\u6cd5\uff0c\u907f\u514d\u4e00\u4e9b\u6548\u80fd\u554f\u984c:", "localization_tags": [], "locale": "zh-TW", "last_edit": "2016-07-06T08:23:00", "review_tags": []}], "modified": "2016-06-30T13:07:42", "label": "Optimizing canvas", "localization_tags": [], "locale": "en-US", "id": 79255, "last_edit": "2016-06-30T13:07:36", "summary": "This article aims to provide suggestions for optimizing your use of the canvas element, to ensure that your Web site or app performs well.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Performance_tips", "title": "Performance tips"}, {"id": "Pre-render_similar_primitives_or_repeating_objects_on_an_off-screen_canvas", "title": "Pre-render similar primitives or repeating objects on an off-screen canvas"}, {"id": "Avoid_floating-point_coordinates_and_use_integers_instead", "title": "Avoid floating-point coordinates and use integers instead"}, {"id": "Don\u2019t_scale_images_in_drawImage", "title": "Don\u2019t scale images in "}, {"id": "Use_multiple_layered_canvases_for_complex_scenes", "title": "Use multiple layered canvases for complex scenes"}, {"id": "CSS_for_large_background_images", "title": "CSS for large background images"}, {"id": "Scaling_canvas_using_CSS_transforms", "title": "Scaling canvas using CSS transforms"}, {"id": "Use_the_moz-opaque_attribute_(Gecko_only)", "title": "Use the "}, {"id": "More_tips", "title": "More tips"}, {"id": "See_also", "title": "See also"}], "slug": "Web/API/Canvas_API/Tutorial/Optimizing_canvas", "review_tags": []}