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

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

Фотофильтры Instagram

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


imagefilter
person Trung    schedule 02.07.2019    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Для стилизации изображений в основном следует использовать 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>

Результаты: Instagram.css фильтры

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

person Sinandro    schedule 02.07.2019

arrow_upward
0
arrow_downward

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

person Ngọc Nguyễn Đức    schedule 10.07.2019