Как преобразовать изображение в черно-белое в оттенках серого с помощью JavaScript

Социальные сети расширили использование фотофильтров, и хорошая новость заключается в том, что эти фильтры легко встроить в ваш веб-сайт с помощью правильного API. С помощью нашего API-интерфейса черно-белого фильтра вы можете предоставить посетителям вашего веб-сайта возможность легко создавать интересную эстетику для загружаемых ими изображений, полностью удаляя цвет. Чтобы воспользоваться преимуществами этого API, сначала создайте бесплатную учетную запись на нашем веб-сайте, чтобы получить ключ API, а затем следуйте приведенным ниже инструкциям, чтобы структурировать вызов API с помощью дополнительных примеров кода JavaScript.

Прежде всего, давайте запустим приведенную ниже команду, чтобы установить библиотеку jQuery:

bower install jquery

Затем включите приведенный ниже фрагмент (ваш файл изображения находится здесь):

var form = new FormData();
form.append("imageFile", fileInput.files[0], "file");

Затем, чтобы закончить, включите оставшийся код ниже:

var settings = {
     "url": "https://api.cloudmersive.com/image/filter/black-and-white",
     "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);
});

Готово — проще простого. С вашим ключом API Cloudmersive вы получите доступ к десяткам других служебных API Cloudmersive для обработки изображений, безопасности и многого другого.