783942 - [Great Idea] Using ImageData as image or URL.createObjectURL(ctx.createImageData(width,height))

Status: UNCONFIRMED

(Core :: DOM: Core & HTML, enhancement, P5)

Description

[Alexei03a]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:14.0) Gecko/20100101 Firefox/14.0.1
Build ID: 20120713134347

Steps to reproduce:

I suggest that, by analogy with the Blob, make it possible to use as an image. Unlike toDataURL, not to encode in PNG and other formats (shorter static) to display. As the image is used in JavaScript object reference "ImageData", which can be easily decoded (to say the least, in fact - a simple drawing of a decoded ImageData) browser.


Actual results:

Did not want to encode Blob URL, but it should.


Expected results:

It is necessary to make it possible to use the crude imageData of image quality.

Comment 1

[Alexei03a]

Just please do not close on the empty subject, and all the good think, my opinion is this:
- Security (due to the already existing techniques)
- Fixed size ImageData (otherwise have to make a new ImageData, and accordingly its link)
- High perfomance (because you just pass system crude ImageData, and he can only draw)
- No coding in PNG and other formats (and therefore less damaging to performance)
- Use non-encoded Base64 URL, a link to the ImageData object.
- Ability to save it in any format (context menu).

My idea opens up new possibilities in image editing (including the use of the filter), and in decoding unfamiliar formats. ImageData is relatively safe. Do not dismiss this idea!

Comment 2

[Alexei03a]

For make:

var canvas = document.createElement("canvas");
var imagedata = ctx.createImageData(0,0,100,100);
animateOrManipulate(imagedata);
var url = URL.createObjectURL(imagedata);

...Usage:

var image = document.getElementById("image");
image.src = url;

Comment 3

[Alexei03a]

Attachment: ImageData URL testcase

Comment 4

[Alexei03a]

I'll list a few more useful features:
- Multithreading animation by WebWorker.

Comment 5

[Alexei03a]

Attachment: ImageData animation example (with fallback script)

Comment 6

[Alexei03a]

http://jsperf.com/canvas-todataurl-imagetype-performance/9
There is even evidence that getImageData faster.

Comment 7

[Kyle Huey (Exited; not receiving bugmail, old account, do not use)]

So what is the proposal here?  To make createObjectURL take ImageData in addition to Blobs and Files?

Comment 8

[Alexei03a]

Yes, this is my proposal...
At the moment I do not have the specification, but I can articulate that the image is taken from the link ImageData. The technology was invented by me is similar to WebRTC.

If I write a specification, it will be too short, in addition to HTML5 Canvas.

Comment 9

[Alexei03a]

I'll give you an explanation of why add ImageData to Blob and File. ImageData data stores, as well as PNG or any other format, the truth in mind, but all the same. And ImageData, in contrast to all, can be dynamic. ImageData this image always RGBA32.

Comment 10

[Alexei03a]

ImageData - format, free from any defects.

Comment 11

[Alexei03a]

https://www.w3.org/Bugs/Public/show_bug.cgi?id=18631
Proposal

Comment 12

[Alexei03a]

Attachment: fixed testcase

Comment 13

[Alexei03a]

Attachment: Fixed ImageData size

Comment 14

[Alexei03a]

Attachment: Fix again

Comment 15

[Alexei03a]

Attachment: Added border

Comment 16

[Firefox Bug Husbandry Bot]

https://bugzilla.mozilla.org/show_bug.cgi?id=1472046

Move all DOM bugs that haven’t been updated in more than 3 years and has no one currently assigned to P5.

If you have questions, please contact :mdaly.