Интересная вещь, а для каких нужд? Аватары? Просто ж в проектах где нужно хранить оригинал и превью оно не пойдёт.

просто спасибо!

яваскрипт пока не поддерживает SIMD

уже вроде мелькало в новостях. да и 500мс для именно такой задачи не составляют проблем, зато минус нагрузки на сервер.

Пипл любит заливать многобегабайтных котиков как есть, а на серваке стоят лимиты типа 1600х1200. Процессить на серваке плохо - во-первых долго закачивать, во-вторых процессер жалко. Поэтому выгоднее сначала в браузере подрезать. Если не сайт фотографов, то оригиналы не нужны.

Ну это да, где не нужны оригиналы это очень хорошее решение, иначе же на превью будет котик, а в оригинале чёрный властелин и Ко.

Ну я так и подумал, что для реалтаймовой отрисовки оно все равно не прокатит, а на аплоадах все что меньше секунды уже пофик.

Осталось только unsharp mask привернуть, но это сильно проще, чем скоростные convolution filters под ресайз запилить.

Теоретически можно слабать быстрый ресайз на WebGL, но для моих нужд и так хватает, стимула нет.

Очень-очень круто, спасибо!

На оффтопике (Windows Phone 8.1) не отрабатывает, еще подебажу на досуге. Windows 8.1 + IE11 Metro работает, что самое интересное...

Спасибо, интересно.

Это хитрый план по получению аниме картинок? (чтож ещё то лоровцы могут накидать)

Навскидку только одна версия - в ишаке канвасовский getImageData() наверное возвращает обычный массив вместо типизированного (точнее, вместо clamped array), и вроде это пофиксили только в 11 версии. Какой ишак на винмобилке - не знаю. Если проблема в этом, то могу вставить проверку типа и принудительно кастовать типизированный массив. Но лучше если посмотрите и скажете точно.

Вариант с необходимостью использовать es5-shim маловероятен, т.к. если двигло браузера старое, то там и типизированный массивов с канвасами не было бы.

У меня к сожалению мало времени чтобы дебажить ишака, т.к. все под линупсом пилю. А вендофона и подавно нет. Поэтому за помощь с винмобилкой и десктопными ишаками буду очень признателен. Минимальное ограничение - в браузере должен быть canvas (тогда и типизированные массивы точно есть).

Постараюсь помочь, конечно. Оказалось, дебаг на платформе неудобный (нужно делать через weinre). Поэтому я уже завтра подебажу (сегодня понял, что канвас действительно получается в нем пустой — то есть, отсек вариант с багом в CSS самой демки).

Если что, это воспроизводится именно в IE11 Mobile, так что не спешите вставлять проверки типов. «Вскрытие» покажет, что там не так.

Сделал таки! Мало таких меценатов как ты, мало.

Скоро еще будет понтовый парсер маркдауна, который не только проходит тесты CommonMark, но и легко расширяется https://github.com/jonschlinkert/remarkable . В абсолютно всех яваскриптовых пакетах, что я знаю, парсинг сделан конскими регулярками и правила приколочены гвоздями. Deffective by design.

Еще где-то неделя, чтобы лексеры добить, и потом неделя дорихтовать архитектуру. Ну и все это, вдобавок, альтернативы по скорости заруливает раза в два как минимум. При том что система плагинов жрет неслабо.

Годно.

А картинки все три не показываются или только pica?

Только pica

https://github.com/nodeca/pica/issues/3

tags: pidora, история успеха

Хм. Значит канвас таки пашет. Есть вариант, что вебворкеры кривые, или я не умею их готовить. https://github.com/nodeca/pica/blob/master/index.js#L103

`window.pica.WW = false` - в демковский яваскрипт попробуйте добавить, если что. Заодно это сильно упростит отладку, т.к. понять что случилось в потрохах вебворкера не реально.

Но будем надеяццо, что дело все-таки в типизированных массивах.

Спасибо, нужно.

Посоны! Кто хочит памочь проэкту, лайкните на реддите и стэковирфлоу!

http://www.reddit.com/r/javascript/comments/2hbzqo/pica_high_quality_image_re...
http://stackoverflow.com/questions/2303690/resizing-an-image-in-an-html5-canv...

Демо уронило хром на андроиде, на стандартной картинке, при смене качества ползунком. Печалити.

Хром 37.0.2062.

И на сгенеренной картинке было '800 ms canvas' против ~13000 ms у pica. Странновато как-то.

Хром уронить не смог, но лису получилось. Похоже, у них с памятью косяки.

Какой у вас андроид и мобилка? 13000мс это очень много. У меня на 4 нексусе 4 секунды максимум.

Да, еще у меня программер умудрился найти обоину 14000х8000, на ней десктопный хром сложился. Ну это неудивительно - битмап там получается 450 мегабайт

Зачем 'вы', мы же в интернете:)

Планшет Asus Memopad hd7 на Android 4.2.2.

Если скажешь где посмотреть логи и есть ли они - скину. Если нужно, конечно.

Я туда не аплоадил ничего, просто зашёл на демо, браузер подвис, потом отрендерились картинки (0.8 секунд и 13 секунд), а потом я опустил ползунок качества и всё.

Пока в раздумьях, стоит ли расковыривать jpeg вручную, чтобы повысить точность до 16 бит на канал за счет гаммы.

https://github.com/eugeneware/jpeg-js

Зачем 'вы', мы же в интернете:)

Профдеформация :) . У меня форум большой, тыкать можно не всем, а запоминать не реально. За много лет привычка выработалась.

Планшет Asus Memopad hd7 на Android 4.2.2.

MediaTek MT8125 1200 МГц. Тогда понятно откуда 13 секунд.

Я понял. С фаервоксом у меня похожее было, но только при релоаде (в картинку тыкнул). Видимо андроидные заморочки, когда перед этим много программ было запущено. У меня после толстых игрушек тоже глюки были.

покрутил код, но так и не смог понять, как сделать простейшую вещь:

есть одна кнопка-ссылка, на неё нажимаешь, можно выбрать файл, и после его выбора - он отправляется. первую часть я вашим кодом сделал, за что ему большое спасибо!, а по второй - я вделал в change .submit() для формы, так оно сразу же субмитит :(

js не понимаю вообще. хотя учил его раз 20, начиная с 1998 года.

В осле вебворкеры кривые, и с канвасом есть расхождения.

Отправил pull request по поводу канваса, посмотри.

С web workers еще не фиксил, но там походу аж два фолбека чесной народ вставляет (линк на stack overflow кинул в PR).

Теперь в осле тоже работает. Большое спасибо за помощь.

Если у кого будет желание дальше проект развивать - контакты на гитхабе. Я пока ограничусь добавлением unsharp mask.

Интересно. Главное результат на сервер не забирать, а то действительно, мало ли, что юзер подсунет вместо ожидаемого результата.

т.к. яваскрипт пока не поддерживает SIMD

спасибо, посмеялись