Создание/изменение изображений в JavaScript
https://stackoverflow.com/questions/80980
-
09-06-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianВопрос
Это возможно динамически создавать и изменять изображения на на уровень пикселя в JavaScript (на стороне клиента)?Или это нужно сделать с помощью серверного языка, такого как PHP?
Мой вариант использования следующий:
- Пользователь открывает веб-страницу и загружает локально сохраненное изображение.
- Отображается предварительный просмотр изображения
- Пользователь может изменять изображение с помощью набора ползунков (операций на уровне пикселей).
- В конце концов он может загрузить образ на свой локальный жесткий диск.
При поиске в Интернете я нашел только сообщения об использовании метода фильтрации IE, но не нашел ничего о функциях редактирования изображений в JavaScript.
Решение
Это должно быть сделано на стороне сервера.Одна вещь, которую вы могли бы рассмотреть, - это разрешить все редактирование выполняться на стороне клиента, а затем, в конце концов, отправить окончательное изображение (через AJAX) на сервер, чтобы он мог вернуть его вам как правильный тип MIME и правильно. упаковано.
Другие советы
Некоторые браузеры поддерживают холст:http://developer.mozilla.org/En/Drawing_Graphics_with_Canvas
Вы можете проверить Обработка.js.Его написал Джон Ресиг, известный по jQuery.Он поддерживает обработку пикселей, но, к сожалению, только Firefox 3 может справиться с этим в достаточной степени.
Также посмотрите URI данных (хотя версии IE ниже 8, к сожалению, их не поддерживают!)
Вы можете представить себе набор инструментов JS, которые позволят пользователю определить, какой тип преобразования он хочет выполнить, но окончательная работа по преобразованию ДОЛЖНА выполняться на стороне сервера.JS на стороне клиента не может создать файл по соображениям безопасности.
Пытаться Ретаргетер изображений Allicorn - похоже, это то, что вы ищете.
Локальные манипуляции с изображениями в JavaScript должны быть возможны — посмотрите Защитник фавикона.;-) Вопрос в том, как загрузить исходное изображение из файловой системы на свою страницу (я не знаю другого способа, кроме предварительной загрузки по HTTP на сервер).
