Работа с изображениями в Flextype

Статьи, лайфхаки и видео уроки по работе с Flextype.
Post Reply
User avatar
Awilum
Site Admin
Posts: 34
Joined: Fri Jul 05, 2019 11:43 pm
Location: Russia
Contact:

Работа с изображениями в Flextype

Post by Awilum » Tue Jul 09, 2019 9:09 am

Начиная с Flextype версии 0.9.0 появился возможность произоводить манипуляции с загруженными изображениями на лету благодаря библиотеке Glide.

Пример кода вывода изображения lilia.jpg в шаблоне:

Code: Select all

<img src="{{ base_url() }}/image/about/lilia.jpg">
Image

С помощью параметров, мы можем производить различные манипуляции с изображениями. Например можем изменить размер или применить фильтр или все сразу.

Пример:

Code: Select all

<img src="{{ base_url() }}/image/about/lilia.jpg?w=500&filt=sepia">
Результат:
Image

Можно поиграть с контрастностью и яркостью изображения.

Пример:

Code: Select all

<img src="{{ base_url() }}/image/about/lilia.jpg?bri=0&con=15">
Результат:

Image

Параметров достаточно много.
С полным списком параметров, можно ознакомиться на официальном сайте библиотеки Glide: https://glide.thephpleague.com/1.0/api/quick-reference/
I have founded the Flextype project and I am on the mission to build high quality web platform to develop fast, flexible, easier to manage websites with Flextype. Support me: https://www.patreon.com/awilum

Post Reply