СОхранение изображения

есть изображение в тэге <img>. Через jQuery i Pixastic на него накладываются эфекты - яркость, размытие т.д. Как затем полученное изображение сохранить? Погуглив, наткнулся на элемент canvas, но толком разъяснений не нашел. Мне в принципе нужно только через AJAX передать base64 строку картинки. Если кто поможет примером - буду признателен.

[Octane]

Скорее всего кросс-браузерно не получится сделать. Можно попробовать запомнить, какие фильтры применялись к изображению и отправить информацию на сервер, а там уже попытаться сделать тоже самое над исходным изображением.

На PHP так работать с картинками может лишь класс Imagick. Но не идет по умолчанию в PHP.

[Octane]

На стороне клиента для браузеров, поддерживающих Canvas, можно закодировать в base64 как-то так:

var canvas = document.createElement("canvas");
canvas.width = "…px";
canvas.height = "…px";
var context = canvas.getContext("2d");
// далее отрисовываем изображение в context
var base64Data = context.getImageData(); // получаем закодированное изображение

Но не уверен что во всех браузерах работает метод getImageData.

А как сделать для Internet Explorer без понятия.

Подробнее про Canvas можно почитать здесь.

Нужно без канвасов. 80% юзеров сидят на ИЕ и приходится писать под него. Канвасы частично поддерживаются при подключении js-библиотеки от гугла, но не .getImageData не .toDataURL всё равно не поддерживаются.

Как ещё можно?