Phpthumbof modx revo. Быстрый старт и шпаргалка. Водяной знак.

Дата публикации: 30 августа 2021

1. Качаем и устанавливаем phpthumbof из репозитория

Вывод превью через phpthumbof.

Есть некоторая картинка

   <img class="" src="/путь/фото.jpg" alt="красивая ночь" />

Делаем превьюшку, например 300 на 150 (ширина 300 пикселей, высота 150 пикселей)

<a data-fancybox="gallery" href="/путь/фото.jpg">
    <img class="" style="" src="[[phpthumbof? &input=`/путь/фото.jpg` &options=`w=300&h=150&zc=1&fltr[]`]]" />
</a>

Пример

Теперь давайте наложим водяной знак картинку

Сначала логика. Нам нужно добавить фильтр - fltr[], в &options

<img class="" src="[[phpthumbof? &input=`/путь/фото.jpg` 
&options=`w=600&h=300&zc=1&fltr[]=wmi|/путь/фото.jpg|BR|50|5|5|0`]]" />

Расшифровка

<img class="" src="[[phpthumbof? &input=`/путь/фото.jpg` 
&options=`w=600&h=300&zc=1&fltr[]=wmi|путь к фото|позиция знака|прозрачность|отступ слева
|отступ справа|поворот знака`]]" />


 - расположение знака - (BR, BL, TR, TL, C, R, L,T, B, *  где B=низ, T=верх, L=лево, R=право)
 - прозрачность от 1 до 100
 - отступ слева и отступ справа в задается в пикселях

Пример - &options=`w=600&h=300&zc=1&fltr[]=wmi|/путь/фото.jpg|BR|50|10|10|0`

Текстовый водяной знак Modx Revo

<img class="" src="[[phpthumbof? &input=`/путь/фото.jpg` 
&options=`w=600&h=300&zc=1&fltr[]=wmt|<текст>|<размер шрифта>|<расположение текста>|<цвет текста>
|<путь к шрифту ttf>|<прозрачность в интервале 0-100>|<отступ от краев в процентах>|<угол наклона>
|<цвет фона за шритом (FFFFFF)>|<прозрачность фона за шрифтом от 1 до 100>|]`]]" />

Пример.

Если какой-то параметр нам не нужен, просто удаляем там все - &options=`w=900&h=450&zc=1&fltr[]=wmt|ENTERIN.RU|5|BR|FFFFFF||70|5|0|||`

Phpthumbof modx revo. Быстрый старт и шпаргалка. Водяной знак.

Вывод превью через phpthumbof.

Теперь давайте наложим водяной знак картинку

Текстовый водяной знак Modx Revo

Выбрать другую заметку