{"json_modified": "2016-10-20T00:36:21.464011", "uuid": "5a26695c-dbf4-43ac-b472-2c4ea46de925", "title": "Pixel manipulation with canvas", "url": "/en-US/docs/Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas", "tags": ["Canvas", "Graphics", "Intermediate", "Tutorial"], "translations": [{"uuid": "5bf7a0b7-63c0-4002-b14b-f3316aa0b6c9", "title": "Canvas \u3068\u30d4\u30af\u30bb\u30eb\u64cd\u4f5c", "url": "/ja/docs/Web/Guide/HTML/Canvas_tutorial/Pixel_manipulation_with_canvas", "tags": ["Canvas", "Graphics", "Intermediate", "Tutorial"], "summary": "<a href=\"/ja/docs/Web/API/ImageData\" title=\"&lt;canvas&gt; &#x8981;&#x7D20;&#x3067;&#x7528;&#x3044;&#x3089;&#x308C;&#x307E;&#x3059;&#x3002; CanvasRenderingContext2D &#x306E; createImageData &#x30E1;&#x30BD;&#x30C3;&#x30C9;&#x53CA;&#x3073; getImageData &#x30E1;&#x30BD;&#x30C3;&#x30C9;&#x306B;&#x3088;&#x3063;&#x3066;&#x8FD4;&#x3055;&#x308C;&#x307E;&#x3059;&#x3002; ImageData &#x306F; putImageData &#x30E1;&#x30BD;&#x30C3;&#x30C9;&#x306E;&#x7B2C;&#x4E00;&#x5F15;&#x6570;&#x3068;&#x3057;&#x3066;&#x5229;&#x7528;&#x53EF;&#x80FD;&#x3067;&#x3059;&#x3002;\"><code>ImageData</code></a> \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306f\u3001canvas \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u9818\u57df\u306b\u3042\u308b\u30d4\u30af\u30bb\u30eb\u30c7\u30fc\u30bf\u3092\u8868\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u4ee5\u4e0b\u306e\u8aad\u307f\u53d6\u308a\u5c02\u7528\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u6301\u3061\u307e\u3059:", "localization_tags": [], "locale": "ja", "last_edit": "2016-09-16T08:31:43", "review_tags": []}, {"uuid": "719aeca7-3db7-4dee-abac-1e497e9bcc36", "title": "\u50cf\u7d20\u64cd\u4f5c", "url": "/zh-CN/docs/Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas", "tags": [], "summary": "<a href=\"/zh-CN/docs/Web/API/ImageData\" title=\"ImageData&#xA0;&#x63A5;&#x53E3;&#x63CF;&#x8FF0; &lt;canvas&gt; &#x5143;&#x7D20;&#x7684;&#x4E00;&#x4E2A;&#x9690;&#x542B;&#x50CF;&#x7D20;&#x6570;&#x636E;&#x7684;&#x533A;&#x57DF;&#x3002;&#x4F7F;&#x7528;&#xA0;ImageData() &#x6784;&#x9020;&#x51FD;&#x6570;&#x521B;&#x5EFA;&#x6216;&#x8005;&#x4F7F;&#x7528;&#x548C; canvas &#x5728;&#x4E00;&#x8D77;&#x7684; CanvasRenderingContext2D &#x5BF9;&#x8C61;&#x7684;&#x521B;&#x5EFA;&#x65B9;&#x6CD5;&#xFF1A;&#xA0;createImageData() &#x548C; getImageData()&#x3002;&#x4E5F;&#x53EF;&#x4EE5;&#x4F7F;&#x7528;&#xA0;putImageData() &#x8BBE;&#x7F6E; canvas &#x7684;&#x4E00;&#x90E8;&#x5206;&#x3002;\"><code>ImageData</code></a>\u5bf9\u8c61\u4e2d\u5b58\u50a8\u7740canvas\u5bf9\u8c61\u771f\u5b9e\u7684\u50cf\u7d20\u6570\u636e\uff0c\u5b83\u5305\u542b\u4ee5\u4e0b\u51e0\u4e2a\u53ea\u8bfb\u5c5e\u6027\uff1a", "localization_tags": ["inprogress"], "locale": "zh-CN", "last_edit": "2015-11-02T20:59:50", "review_tags": []}], "modified": "2016-09-09T16:12:00", "label": "Pixel manipulation with canvas", "localization_tags": [], "locale": "en-US", "id": 90519, "last_edit": "2016-09-09T16:11:53", "summary": "The <a href=\"/en-US/docs/Web/API/ImageData\" title=\"The ImageData interface represents the underlying pixel data of an area of a &lt;canvas&gt; element. It is created using the ImageData() constructor or creator methods on the CanvasRenderingContext2D object associated with a canvas: createImageData() and getImageData(). It can also be used to set a part of the canvas by using putImageData().\"><code>ImageData</code></a> object represents the underlying pixel data of an area of a canvas object. It contains the following read-only attributes:", "sections": [{"id": "Quick_Links", "title": null}, {"id": "The_ImageData_object", "title": "The "}, {"id": "Creating_an_ImageData_object", "title": "Creating an "}, {"id": "Getting_the_pixel_data_for_a_context", "title": "Getting the pixel data for a context"}, {"id": "A_color_picker", "title": "A color picker"}, {"id": "Painting_pixel_data_into_a_context", "title": "Painting pixel data into a context"}, {"id": "Grayscaling_and_inverting_colors", "title": "Grayscaling and inverting colors"}, {"id": "Zooming_and_anti-aliasing", "title": "Zooming and anti-aliasing"}, {"id": "Zoom_example", "title": "Zoom example"}, {"id": "Saving_images", "title": "Saving images"}, {"id": "See_also", "title": "See also"}], "slug": "Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas", "review_tags": ["technical"]}