Я хочу создать фотофильтры по Javascript

Question

Перед загрузкой фотографии на свой сервер я хочу изменить фон, макет, .. изображения, такие как фотофильтр Instagram (пожалуйста, просмотрите прикрепленное изображение).

Пожалуйста, помогите мне с этим, плагин jQuery или библиотека, чтобы сделать это?

Answer 1

Для стилизации изображений вы должны в основном использовать CSS.Для этого есть неплохие CSS библиотеки.например Instagram.css

<link rel="stylesheet" href="instagram.min.css">

Добавить класс filter-[filter-name] из списка возможных классов:

<figure class="filter-[filter-name]">
  <img src="assets/img/instagram.jpg">
</figure>

Результаты:

Затем вы можете использовать javascript или jQuery для динамического добавления классов и применения фильтров.

Answer 2

Я думаю, что это решение вашей проблемы https://www.html5rocks.com/en/tutorials/canvas/imagefilters/#toc-conclusion https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL