Image Inconsistency in Browser

Lately, I've been using HTML Canvas 5 element recently in an attempt to extract image data from a given image on the browser but I've run into a bit of a problem. When extracting this data using the canvas element's functions such as getDataURL or getImageData(), the results are inconsistent across browser. I realize this is due to the fact that the browser's native code is different for each, therefore the rendering engine will render the images differently. However, is there a way to get consistent image results across browser for images of size 500kb-1mB for example?

I'm aware of the AJAX solution, calling the json object of the dataURL of that image from the server as that will be the original source, thus consistent across browser. Also, loading the dataURL into the browser from the server could be another solution. The problem with these would be the performance and flexibility. Is there any other viable solutions? Did I look over something I could be doing client side?

Thanks all!

Answers


Need Your Help

Python function return to jQuery var

jquery python

I've a python script that returns something. In a html page, I use jQuery to send a GET request to this script (with $.get()). I want the "return" of python script in a jQuery/javascript var. Is it

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.