18631 2012-08-21 03:35:13 +0000 [Proposal] Using URL.createObjectURL in ImageData (creating image) 2012-10-16 18:38:47 +0000 1 1 1 Unclassified WHATWG HTML unspecified All All RESOLVED WORKSFORME http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#pixel-manipulation P2 normal Unsorted 1 contributor ian alexei03a ian me mike plh public-html-admin public-html-wg-issue-tracking contributor oldest_to_newest 72467 0 contributor 2012-08-21 03:35:13 +0000 Specification: http://www.whatwg.org/specs/web-apps/current-work/multipage/ Multipage: http://www.whatwg.org/C#head Complete: http://www.whatwg.org/c#head Comment: I have idea for add URL.createObjectURL for ImageData objects. ImageData gets superpowers - he can be image in CSS background, <img> and other elements. ImageData can be animated, you can create unstandart image formats, custom animations and filters. Posted from: 95.188.224.22 by alexei03a@gmail.com User agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:14.0) Gecko/20100101 Firefox/14.0.1 72468 1 alexei03a 2012-08-21 03:40:57 +0000 I have idea for ImageData as image. For this, require make string link with URL.createObjectURL() in ImageData object. 72469 2 alexei03a 2012-08-21 03:45:04 +0000 Please, remove my first comment, because is outdated. 72470 3 alexei03a 2012-08-21 03:45:55 +0000 i.e. Description 72471 4 alexei03a 2012-08-21 04:40:34 +0000 The idea of ​​using the image ImageData was given to me at once. At first I thought at all to use the Canvas element in the quality of content in images. But then I decided that the best solution is to use ImageData as images. Use it in CSS backgrounds, as well as in the src <img>. To create ImageData image to make a link to it: URL.createObjectURL(ctx.createImageData(w,h)); This is only a primitive use, this technique can be applied for decoding images, using filters, as well as animation and plug-ins. 1. ImageData is a fixed size 2. High performance (no encoding / decoding) 3. Security Policy (on getImageData) 4. ImageData object reference instead of Base64 encoded image in PNG (similar to the Blob) 5. Speaker (you can change the pixel, is it reflected in the image) 6. Generated only with scripts Writed on Google Translate. 72475 5 zcorpan 2012-08-21 09:08:14 +0000 Please, less noise when filing bugs. What is the problem you're trying to solve with your idea? 72476 6 alexei03a 2012-08-21 09:28:40 +0000 Will be very difficult to understand. The bottom line is that I want to make a plug in JavaScript, which can decode an image (for example APNG), but the result is we need a way to insert IMG etc. ToDataURL method has several disadvantages, such as the "static" and "a huge resource consumption." ImageData is flexible and does not expend resources (given the fact that it was rendering and exporting from Canvas), it can also be applied with the Worker. The fact is that in the language C, animation or image is constructed by analogy with ImageData. Also with ImageData can generate captcha-picture a trick. Problems of course is not enough, here are some of them: - Decoding images (rendering the result, I sort of wrote about above) - Filters for images (and not only) - Watermarks (protection from inexperienced users) - Manipulating pixels and animation (useful for first item) - Generated Image (RGBA32 and animation, though not necessarily) - Someone just for experimentation :) 72479 7 alexei03a 2012-08-21 10:29:55 +0000 For canvas (only) security addition: /!\ Drawing <img> element, with link of "ImageData" object, to HTMLCanvasElement must throw "Security Error", because draw first frame is unreal. For canvas, only ctx.putImageData, or long operation: temp.canvas.width = imagedata.width; temp.canvas.height = imagedata.height; temp.putImageData(imagedata,0,0); ctx.drawImage(temp.canvas, ...); 72483 8 alexei03a 2012-08-21 11:33:27 +0000 Same bug: https://bugzilla.mozilla.org/show_bug.cgi?id=783942 Simple example in HTML: https://bug783942.bugzilla.mozilla.org/attachment.cgi?id=653317 72491 9 alexei03a 2012-08-21 13:52:34 +0000 There is an important request - to prepare the specification and I myself can not. I have already suggested that we should do. 72492 10 alexei03a 2012-08-21 14:00:08 +0000 Testcase is outdated, looks: https://bug783942.bugzilla.mozilla.org/attachment.cgi?id=653739 72493 11 mike 2012-08-21 14:26:14 +0000 Alexei03a . Please be more considerate of other peoples' time when posting comments to bugzilla. You posted 8 comment for this just one bug over the last day. That's excessive. Some of us get a separate notification every time you post a comment here. And most of them are not important comments. 72498 12 me 2012-08-21 16:36:58 +0000 There's a fundamental problem here. ImageData is mutable, while Blob and File are not. Creating URLs to ImageData objects could be racy. 72515 13 jaymunro 2012-08-21 21:21:13 +0000 This appears to be a new feature, so moving to HTML.next. 72637 14 jaymunro 2012-08-23 20:47:07 +0000 EDITOR'S RESPONSE: This is an Editor's Response to your comment. If you are satisfied with this response, please change the state of this bug to CLOSED. If you have additional information and would like the Editor to reconsider, please reopen this bug. If you would like to escalate the issue to the full HTML Working Group, please add the TrackerRequest keyword to this bug, and suggest title and text for the Tracker Issue; or you may create a Tracker Issue yourself, if you are able to do so. For more details, see this document: http://dev.w3.org/html5/decision-policy/decision-policy.html Status: Information Needed Rationale: This appears to be a new feature, so moving to HTML.next. 72694 15 alexei03a 2012-08-24 06:36:25 +0000 Finally, where to send the proposal to whatwg and w3c? The more URL.createObjectURL for ImageData's exactly the idea, suggestion. 72707 16 ian 2012-08-24 18:08:19 +0000 If you wish to propose a feature to the WHATWG, please either file a bug on the WHATWG product, HTML component, or e-mail the list mentioned at: http://whatwg.org/mailing-list#specs 72752 17 alexei03a 2012-08-25 04:00:14 +0000 I still have not described the nature of the bug. And the essence of the bug is that the need to make it possible to use functions URL.createObjectURL to objects of type ImageData. You anywhere in the specifications about it did not say anything, because of what browsers do not support this (and will not be supported). I earlier said that ImageData will be very useful as an image. I apologize for not having provided any description or nature of things. 72753 18 alexei03a 2012-08-25 04:05:06 +0000 I use a translator from Google, and there may be some errors in the translation. I have to use the images ImageData see more good than harm. Any scripts are harmful to some extent. :) 72755 19 alexei03a 2012-08-25 05:07:17 +0000 I still give a lot of detail. Link to ImageData should look like this: [optional-browser-prefix]imagedata:[url][code] When the browser accesses this link in the ImageData object, that in turn, is drawn directly into the IMG, if there was a change of pixels, the image should also reflect this change. Should not be displayed immediately after each change, but only after a group of changes (short animation, FPS). 72756 20 alexei03a 2012-08-25 05:11:04 +0000 [url] i.e. site url. 72757 21 alexei03a 2012-08-25 07:36:54 +0000 From this and subsequent posts, I will write a copy of the text in Russian (which is the original). As it was better to write a new bug, or modify this? RUS: Как лучше было, написать новый баг, или модифицировать этот? 72758 22 1177 alexei03a 2012-08-25 08:14:21 +0000 Created attachment 1177 ImageData example (copy) 72759 23 1178 alexei03a 2012-08-25 08:14:48 +0000 Created attachment 1178 Description (Russian, adaptive) 76428 24 ian 2012-10-16 18:38:47 +0000 You can already convert ImageData objects to URLs, just draw them to a canvas and them call toBlobURL on the canvas. 1177 2012-08-25 08:14:21 +0000 2012-08-25 08:14:21 +0000 ImageData example (copy) generator.html text/html 2241 alexei03a PCFkb2N0eXBlIGh0bWw+DQo8aHRtbD4NCjxoZWFkPg0KICAgIDxtZXRhIGNoYXJzZXQ9IldpbmRv d3MtMTI1MSI+DQogICAgPHRpdGxlPkhUTUw1IEltYWdlRGF0YTwvdGl0bGU+DQogICAgPHN0eWxl IHR5cGU9InRleHQvY3NzIj4NCiAgICAgICAgYm9keSB7DQogICAgICAgICAgICBmb250LWZhbWls eTogQXJpYWwsIFZlcmRhbmE7DQogICAgICAgICAgICBmb250LXNpemU6IDEycHg7DQogICAgICAg ICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjQwLDI0MCwyNDApOw0KICAgICAgICB9DQogICAg ICAgICNjZW50ZXIgew0KICAgICAgICAgICAgdGV4dC1hbGlnbjpjZW50ZXI7DQogICAgICAgIH0N CiAgICA8L3N0eWxlPg0KICAgIDxzY3JpcHQ+DQogICAgICAgIHZhciByYWYgPSB3aW5kb3cucmVx dWVzdEFuaW1hdGlvbkZyYW1lIHx8IHdpbmRvdy5tb3pSZXF1ZXN0QW5pbWF0aW9uRnJhbWU7DQog ICAgICAgIA0KICAgICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCJET01Db250ZW50TG9h ZGVkIixmdW5jdGlvbigpew0KICAgICAgICAgICAgdmFyIGNhbnZhcyA9IGRvY3VtZW50LmNyZWF0 ZUVsZW1lbnQoImNhbnZhcyIpOw0KICAgICAgICAgICAgY2FudmFzLndpZHRoID0gMjU2Ow0KICAg ICAgICAgICAgY2FudmFzLmhlaWdodCA9IDI1NjsNCiAgICAgICAgICAgIHZhciBjdHggPSBjYW52 YXMuZ2V0Q29udGV4dCgiMmQiKTsNCiAgICAgICAgICAgIHZhciBncmFkaWVudCA9IGN0eC5jcmVh dGVJbWFnZURhdGEoMjU2LDI1Nik7DQogICAgICAgICAgICB2YXIgZ3JhZGllbnREYXRhID0gZ3Jh ZGllbnQuZGF0YTsNCiAgICAgICAgICAgIHZhciBhID0gMDsNCiAgICAgICAgICAgIHZhciB1ID0g MDsNCiAgICAgICAgICAgIA0KICAgICAgICAgICAgKGZ1bmN0aW9uIHUoKXsNCiAgICAgICAgICAg ICAgICByYWYodSk7DQogICAgICAgICAgICAgICAgZm9yKHZhciB4PTA7eDxncmFkaWVudC53aWR0 aDt4Kyspew0KICAgICAgICAgICAgICAgICAgICBmb3IodmFyIHk9MDt5PGdyYWRpZW50LmhlaWdo dDt5Kyspew0KICAgICAgICAgICAgICAgICAgICAgICAgdmFyIGkgPSAoeSAqIGdyYWRpZW50Lndp ZHRoICsgeCkqNDsNCiAgICAgICAgICAgICAgICAgICAgICAgIGdyYWRpZW50RGF0YVtpICsgMF0g PSB4IC8gZ3JhZGllbnQud2lkdGggKiAyNTU7DQogICAgICAgICAgICAgICAgICAgICAgICBncmFk aWVudERhdGFbaSArIDFdID0geSAvIGdyYWRpZW50LmhlaWdodCAqIDI1NTsNCiAgICAgICAgICAg ICAgICAgICAgICAgIGdyYWRpZW50RGF0YVtpICsgMl0gPSBhOw0KICAgICAgICAgICAgICAgICAg ICAgICAgZ3JhZGllbnREYXRhW2kgKyAzXSA9IDI1NTsNCiAgICAgICAgICAgICAgICAgICAgfQ0K ICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICB1ID0gYSsrICYgMjU1Ow0KICAgICAg ICAgICAgICAgIGdyYWRpZW50LmRhdGEgPSBncmFkaWVudERhdGE7DQogICAgICAgICAgICAgICAg Y3R4LnB1dEltYWdlRGF0YShncmFkaWVudCwwLDApOw0KICAgICAgICAgICAgfSkoKTsNCiAgICAg ICAgICAgIA0KICAgICAgICAgICAgdmFyIGltZyA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJp bWciKTsNCiAgICAgICAgICAgIHRyeSB7DQogICAgICAgICAgICAgICAgaW1nLnNyYyA9IFVSTC5j cmVhdGVPYmplY3RVUkwoY3R4LmdldEltYWdlRGF0YSgwLDAsMTAwLDEwMCkpOw0KICAgICAgICAg ICAgfSBjYXRjaChlKXsNCiAgICAgICAgICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgi Y2VudGVyIikucmVwbGFjZUNoaWxkKGNhbnZhcyxpbWcpOw0KICAgICAgICAgICAgICAgIGFsZXJ0 KCJTb3JyeSwgeW91ciBicm93c2VyIGNhbm5vdCB1c2UgSW1hZ2VEYXRhIGFzIGltYWdlLiBcbkkn bSB0cnkgcmVwbGFjZSBpbWFnZSBlbGVtZW50LiBFdmVudHMgYW5kIHN0eWxlIHdpbGwgYmUgbG9z dC4iKTsNCiAgICAgICAgICAgIH0NCiAgICAgICAgfSk7DQogICAgPC9zY3JpcHQ+DQo8L2hlYWQ+ DQo8Ym9keT4NCiAgICA8ZGl2IGlkPSJjZW50ZXIiPg0KICAgIDxoMj5JbWFnZURhdGEgYXMgSW1h Z2U8L2gyPg0KICAgIDxpbWcgaWQ9ImltZyIgc3JjPSJmYWxsYmFjay5wbmciIGFsdD0iSW1hZ2VE YXRhIEFQSSIgb25jbGljaz0iYWxlcnQoJ0hlbGxvLCBwcm90YWdvbmlzdCEnKSI+PGJyPg0KICAg IDxwPlRoZSBpZGVhLCB3aGljaCBtYXkgbmV2ZXIgcmVhbGl6ZSAuLi48L3A+DQogICAgPC9kaXY+ DQo8L2JvZHk+DQo8L2h0bWw+ 1178 2012-08-25 08:14:48 +0000 2012-08-25 08:15:42 +0000 Description (Russian, adaptive) idea.txt text/plain 2298 alexei03a QXV0aG9yOiBBbGV4ZWkNCkNvbnRhY3Q6IGFsZXhlaTAzYUBnbWFpbC5jb20NClRpdGxlOiAiVVJM LmNyZWF0ZU9iamVjdFVSTCgpIOTr/yBJbWFnZURhdGEgLSDx7ufk4O3o5SDo5+7h8ODm5e3o/yIN Ckxhbmd1YWdlOiBSdXNzaWFuICjQ8/Hx6ujpKQ0KQ291bnRyeTogUnVzc2lhICjQ7vHx6P8pDQpT a3lwZTogc29sb3ZlaTkwNQ0KRGF0ZTogMjUuMDguMjAxMg0KVHlwZTogTG9uZyBNZXNzYWdlDQoN ClAuUy4gx+Tl8fwg/yDh8+TzIO/o8eDy/CDn4O/o8eroIO/uIPLl7OUgSW1hZ2VEYXRhLiDfIP3y 7vIg9ODp6yDh8+TzIO/u8fLu/+3t7iDu4e3u4uv/8vwuDQoNCsgg8uDqLCDt4Pft8yDxIPLu4+4s IPfy7iD98uAg6OTl/yDv8Oj46+Ag7O3lIO3lIPHw4OfzLiDL6Pj8IOIg4OLj8/Hy5SAyMDEyIOPu 5OAuINHz8vwg5OXr4CDiIPLu7Cwg9/LuIOru4+TgIOz7IPHu5+Tg5ewg7uH65eryIEltYWdlRGF0 YSAoY3R4LmdldEltYWdlRGF0YSDo6+ggY3R4LmNyZWF0ZUltYWdlRGF0YSksIO3g7CDt8+bt7iDx 5OXr4PL8IPHx++vq8yDt4CDt5ePuICju5O3g6u4g8uDq7ukg4u7n7O7m7e7x8ugg7eXy8ywg7+7x 6u7r/OrzIP3y7iDt5SDu7+jx4O3uIO3oIOIg7uTt7ukg8e/l9uj06Org9ujoIOgg7eUg7+7k5OXw 5uji4OXy8f8g7egg7uTt6Owg4fDg8+fl8O7sKS4NCt3y7iDx8fvr6uAg7eAg6Ofu4fDg5uXt6OUs IPDu6/wg6u7y7vDu4+4g6PHv7uvt/+XyIPHg7CDu4frl6vIgSW1hZ2VEYXRhLiBJbWFnZURhdGEg 6Ofs5e3/5ez76SDu4frl6vIsIOAg5+3g9+jyLCD96+Xs5e3y+yA8aW1nPiwg4CDy4Orm5SBDU1Mg 5O7r5u37IO7y8ODm4PL8IP3y7iDo5+zl7eXt6OUuDQrS7uv86u4g7/DoIO/u7O756CBJbWFnZURh dGEg7O7m7e4g8e7n5ODi4PL8IPHq8Ojv8u7i++Ug4O3o7Ojw7uLg7e375SDo5+7h8ODm5e3o/yDi +/Hu6u7j7iDq4Pfl8fLi4Cwg7vLu4fDg5uDy/CDk5eru5Ojw7uLg7fvlIO/w6CDv7uzu+eggSmF2 YVNjcmlwdCDx8u7w7u3t6OUg6Ofu4fDg5uXt6P8gICjt5ejn4uXx8u3u4+4g4fDg8+fl8PMg9O7w 7ODy4CksIOAg8uDq5uUg8e7n5ODi4PL8IPDg5+vo9+375SD06Ov88vD7IOTr/yDo5+7h8ODm5e3o 6S4g0SBJbWFnZURhdGEg7O7m7e4g8ODh7vLg8vwg7/DoIO/u7O756CBXZWIgV29ya2VyLg0KxfHr 6CDx5OXr4PL8IOLu5+zu5u377CDo8e/u6/zn7uLg7ejlIPHx++vq6CDt4CBJbWFnZURhdGEsIP3y 7iDu8urw7uXyIOHu6/z46OUg4u7n7O7m7e7x8ugg4iDv8O7j8ODs7Ojw7uLg7ejoIO3gIEphdmFT Y3JpcHQ6IOHu6/z45SDt5SDv7vLw5eHz5fLx/yDt4Ovo9+jlIENhbnZhcyD96+Xs5e3y4CDiIOTu 6vPs5e3y5Swg4e7r/PjlIO3lIO/w6OTl8vH/IOfg8vDg9+ji4PL8IPDl8fPw8fsg7eAg6u7k6PDu 4uDt6OUg4iBQTkcg6OvoIEpQRUcgKOgg7+7x6+Xk8/755eUg5OXq7uTo8O7i4O3o5SkuDQrP8Ojt 9ujvIPDg4e7y+yDu9+Xt/CDv8O7x8u7pOiDx7ufk4OXy8f8g8fH76+rgIO3gIEltYWdlRGF0YSAo 7+717ubg/yDt4CDx8fvr6vMg7eAgQmxvYiksIO/w6CD98u7sICD96+Xs5e3yICjqIO/w6Ozl8PMg PGltZz4pIO/uIP3y7ukg8fH76+rlIO/w7vHy7iDu8u7h8ODm4OXyIOTg7e375SBJbWFnZURhdGEu IM7y7uHw4Obl7ejlIO/w7ujx9e7k6PIg8SDu7/Dl5OXr5e377CDo7fLl8OLg6+7sIChGUFMpLg0K DQrO4frl6vIgSW1hZ2VEYXRhIPHy8O7o8vH/IPHr5eTz/vno7CDu4fDg5+7sOg0KDQpzdHJ1Y3Qg SW1hZ2VEYXRhIHsNCiAgICB3aWR0aDogdW5zaWduZWQgaW50DQogICAgaGVpZ2h0OiB1bnNpZ25l ZCBpbnQsDQogICAgZGF0YTogVWludDhDbGFtcGVkQXJyYXkNCn0NCg0KyuDqIOTu6+bt4CDi++Pr /+Tl8vwg8fH76+rgIO3gIEltYWdlRGF0YToNCltvcHRpb25hbC1icm93c2VyLXByZWZpeF1pbWFn ZWRhdGE6W3VybF1bY29kZV0NCg0KW29wdGlvbmFsLWJyb3dzZXItcHJlZml4XSAtIO/w5fTo6vH7 LCDt4O/w6Ozl8CAid2Via2l0IiwgIm8iLCAibW96IiwgIm1zIi4gz+j45fLx/yDx6+jy7e4sIOHl 5yDk5fTo8e7iLg0KW3VybF0gLSBzaXRlIHVybCAoZG9tYWluKQ0KW2NvZGVdIC0gY29kZSwgbGlr ZSBibG9iDQoNCkltYWdlRGF0YSDi8eXj5OAgUkdCQTMyLCDt5SDx5uDyLCD/4uv/5fLx/yDu4frl 6vLu7CDoIO3lIOzu5uXyIPXw4O3o8vH/IOrg6iD04OnrICjv8Ojk5fLx/yDq7uTo8O7i4PL8IOIg dHh0IOjr6CDiIOrg6u7pLe3o4fPk/CDk8PPj7ukg9O7w7ODyLCDqIO/w6Ozl8PMgUE5HKS4NCg0K UC5TLiDM7ubl8uUg8/fl8fL8IOLx5SDs7ugg7vjo4eroIOgg7eDv6PHg8vwg4e7r5eUg9e7w7vjz /iDx7+X26PTo6uD26P4uIDop