Bicubic-ly Resize Изображения с Javascript

Question

Есть ли способ изменить размер изображения с помощью JavaScript? Я не говорю об изменении DOM, чтобы изменить размер изображения в браузере. Я действительно хочу изменить размер пиксельных данных изображения, а затем отобразить это.

В основном моя проблема заключается в том, что Firefox полностью терпит неудачу при уменьшении изображений с помощью нежных функций, поскольку он имеет только Nearest Neighbor and Binlinear. У каждого другого браузера, даже IE, есть поддержка Bicubic. Там есть talk, который будет включен в ближайшее время, но этот разговор продолжается уже более года.

Я не против загрузки полноразмерных изображений, потому что я хочу, чтобы они загрузились в любом случае. Когда пользователь нависает над небольшой версией изображения, большая версия сразу появляется в другом месте на странице. Если бы я сделал изменение размера на стороне сервера, мне пришлось бы загружать BOTH копии изображений, которые приведут к еще большему количеству трафика. Если нет другого способа обхода, то это то, что мне нужно делать ... Я просто не хочу.

Answer 1

Это возможно. Вы получаете изображение в том же домене, записываете на холст, а затем манипулируете пиксельными данными (сложно, но возможно, я уверен), а затем либо используйте это, либо выведите как png/gif/jpg ... НО ... Я не думаю, что вы найдете, что лучший способ сохранить нежные функции что CSS.