Наложение watermark в ms2Gallery
Есть решение
Часто спрашивают, а как сделать наложение водяных знаков на изображения, загружаемые через ms2Gallery?
Понятно, что работа идёт через PhpThumb, понятно какие ему нужно задавать параметры, но что именно нужно настроить на сайте, чтобы одно изображение накладывалось на другое?
1. На сервере должен быть установлен ImageMagick. Также нужно проследить, чтобы он был доступен для php. Подробнее здесь.
2. В источнике файлов ms2Gallery нужно добавить параметр fltr с wmi:
Параметры расшифровываются так:
3. Файл wm.png нужно положить в /assets/components/ms2gallery/ — именно там он будет искаться.
В источнике можно указать не просто wm.png, а images/wm.png — тогда файл нужно положить в /assets/components/ms2gallery/images/.
Если всё сделано правильно — вы получите watermark на своих изображениях при загрузке в галерею.
Еще раз обращаю ваше внимание, что хостинг должен быть готов к такой сложной работе с изображениями, как наложение водяных знаков. Понятное дело, что на нашем хостинге всё работает без проблем.
Понятно, что работа идёт через PhpThumb, понятно какие ему нужно задавать параметры, но что именно нужно настроить на сайте, чтобы одно изображение накладывалось на другое?
1. На сервере должен быть установлен ImageMagick. Также нужно проследить, чтобы он был доступен для php. Подробнее здесь.
2. В источнике файлов ms2Gallery нужно добавить параметр fltr с wmi:
[
{"w":120,"h":90,"q":90,"zc":"1","bg":"000000","fltr":"wmi|wm.png|BR|80"},
{"w":360,"h":270,"q":90,"zc":"1","bg":"000000","fltr":"wmi|wm.png|BR|80"}
]Параметры расшифровываются так:
"wmi" (WaterMarkImage)
[ex: &fltr[]=wmi|<f>|<a>|<o>|<x>|<y>|<r>] where
<f> is the filename of the image to overlay;
<a> is the alignment (one of BR, BL, TR, TL, C,
R, L, T, B, *) where B=bottom, T=top, L=left,
R=right, C=centre, *=tile)
*or*
an absolute position in pixels (from top-left
corner of canvas to top-left corner of overlay)
in format {xoffset}x{yoffset} (eg: "10x20")
note: this is center position of image if <x>
and <y> are set
<o> is opacity from 0 (transparent) to 100 (opaque)
(requires PHP v4.3.2, otherwise 100% opaque);
<x> and <y> are the edge (and inter-tile) margin in
pixels (or percent if 0 < (x|y) < 1)
*or*
if <a> is absolute-position format then <x> and
<y> represent maximum width and height that the
watermark image will be scaled to fit inside
<r> is rotation angle of overlaid watermark
Полная документация.3. Файл wm.png нужно положить в /assets/components/ms2gallery/ — именно там он будет искаться.
В источнике можно указать не просто wm.png, а images/wm.png — тогда файл нужно положить в /assets/components/ms2gallery/images/.
Если всё сделано правильно — вы получите watermark на своих изображениях при загрузке в галерею.
Еще раз обращаю ваше внимание, что хостинг должен быть готов к такой сложной работе с изображениями, как наложение водяных знаков. Понятное дело, что на нашем хостинге всё работает без проблем.
Комментарии: 23
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
А почему на file.modx.pro работает?
Работа ресайзера зависит от настроек сервера, у нас на хостинге с этим полный порядок.
То, что от настроек сервера зависит не знал, спасибо.
В нашем репозитории тоже дополнения MODX.
Основное изображение сохраняется «как есть», чтобы из него делать потом любые варианты.
ВикторСтарожилВикторСтарожилВикторСтарожилВикторСтарожил[2016-11-10 14:04:15] (ERROR @ /index.php) Error 42000 executing statement:
Array
(
[0] => 42000
[1] => 1064
[2] => You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ') ASC' at line 1
)
Прошу подсказать мне.
Есть картинка full
Наложить водяной знак вниз влево по средствам кода
«full»:{«h»:1920,«q»:100,«zc»:«0»,«bg»:«000000»,«fltr»:«wmi|left_bt.png|BL|100»}
у меня получилось.
Вопрос в том: как можно сделать несколько водяных параметров на одну картинку?
На картинке в идеале должен быть водяной знак в центре (лого.png), внизу слева (красивый низ с контактами.png), и в самом низу(декоративная полоса внизу на всю ширину картинки. полоса заведомо 1900px.png),
а вверху справа в шрифте ариал например, наложен текст с отступом -10 и -15 пикселей от краёв верха и право, с названием файла без его разрешения ( 345, вместо 345.JPG )
и вопрос был- как на изображение наложить более 1 параметра png ватермарки