Как исказить изображение с помощью JavaScript

Если ваше социальное приложение позволяет пользователям загружать фотографии, то API-интерфейсы фотофильтров просто необходимы. Фильтры позволяют людям вносить небольшие изменения в свои изображения, различая их простыми заранее заданными способами. Наш API Swirl Distort является одним из таких вариантов фотофильтра, поворачивая пиксели изображения на заданное количество градусов. Его легко использовать, и вы можете воспользоваться им, структурировав вызов API на основе приведенных ниже примеров кода JavaScript.

Для начала установите библиотеку jQuery. Запустите следующую команду:

bower install jquery

Как только это будет сделано, давайте добавим нашу функцию обратного вызова. Обратите внимание, что первый фрагмент захватывает ваш файл изображения, а ваш API-ключ Cloudmersive (можно получить, зарегистрировав бесплатную учетную запись на нашем веб-сайте) помещается там, где написано ВАШ-API-КЛЮЧ-ЗДЕСЬ:

var form = new FormData();
form.append("imageFile", fileInput.files[0], "file");
var settings = {
     "url": "https://api.cloudmersive.com/image/filter/swirl?degrees=<integer>",
     "method": "POST",
     "timeout": 0,
     "headers": {
          "Content-Type": "multipart/form-data",
          "Apikey": "YOUR-API-KEY-HERE"
     },
     "processData": false,
     "mimeType": "multipart/form-data",
     "contentType": false,
     "data": form
};
$.ajax(settings).done(function (response) {
     console.log(response);
});