БлогNot. Javascript Image Distortion по-русски

Помощь дата->рейтинг Поиск Почта RSS канал Статистика nickolay.info Домой

Javascript Image Distortion по-русски

Когда-то в сети было жутко популярное ява-приложение "Перекосо*** (неприличное слово) вождя", в общем, "Деформируй вождя", где одним движением мыши вы могли применить к встроенной ленинской фотке то, что у буржуев называется эффектом image distortion (не уверен, как правильно перевести на русский). Современные технологии "толстых" javascript-клиентов позволяют реализовать такую онлайн-обработку изображений на новом техническом уровне.

Если вы хотите превратить фото недруга в нечто вот такое

ну или просто сделать дружеский шарж на человека, обладающего чувством юмора, вам поможет показанная ниже сборка Javascript Image Distortion, я сделал её из открытых источников и без некоторых излишеств, вроде прямой публикации в социальные сети. Приложение позволяет как загрузить свой рисунок в формате .jpg или .png, так и сохранить полученный после искажения пропорций шарж в формате .png. Единственная настройка управляет размером сетки, по которой делается искажение, а результат сохраняется, конечно, без сетки.

Точно не будет работать в Internet Explorer ниже 9-го; точно будет в новом "Хроме", по идее, должно и в других современных браузерах. Приложение, конечно, довольно ресурсоёмко, что будет заметней при малом шаге сетки. На локальном компьютере, особенно в том же "Хроме", будет работать через сервер, то есть, по протоколу http://, но не при "обычном" открытии файла браузером по протоколу file://. Вся разметка находится в файле index.html, а остальное можно особо и не менять. Имя картинки по умолчанию прописано там же как атрибут тега <body>.

По краям картинки могут срезаться пикселы или наоборот добавляться белый фон при её сохранении. Это связано с тем, пропорционален ли шег сетки размерам картинки. Также возможны мелкие дефекты-артефакты цветности в местах, где была сетка. Тогда поменяйте шаг сетки или сделайте менее экстремальные преобразования :)

 Сервис Javascript Image Distortion по-русски в работе

 Скачать полный исходник сборки в архиве .zip (142 Кб)


теги: javascript графика картинка браузеры сервис

09.09.2015, 02:34; рейтинг: 5971

  свежие записипоиск по блогукомментариистатистикао "вирусах" в архивах .zip

Наверх Яндекс.Метрика
© PerS
вход