Text2Image — компонент для преобразования текста в изображение, будет полезен для защиты информации (например номера телефона или email) от роботов сборщиков информации для спам баз. Так же умеет создавать плейсхолдеры (изображения-заглушки), наподобие сервиса placehold.it.

Примеры

Вызов сниппета:

[[Text2Image?text=`Hello world!`]]

По умолчанию будет сгенерировано .png изображение с прозрачным фоном в виде base64 кода.



Генерация плейсхолдера(изображения-заглушки, не путать с modx плэйсхолдерами):

<img src="[[!DummyImage?size=`300x150`]]" alt="300x150" />

Для приближения к реальным условиям задач, сниппет возвращает base64 код изображения, поэтому его нужно поместить в атрибут src тега img, либо можно поменять напрямую в шаблоне tpl.DummyImage.item.



Вы можете задать для текста цвет, шрифт, размер, угол поворота, отступ, цвет фона и формат изображения через параметры.
Вызов сниппета с различными параметрами:

[[Text2Image?
    &text=`Text2Image`
    &color=`#FFD700`
    &bg=`#000`
    &angle=`-45`
    &format=`jpeg`
    &fontFile=`[[+assetsPath]]fonts/myFavouriteFont.ttf`
]]

Вы можете загрузить свои шрифты для генерации, для этого нужно указать путь до шрифта, используя плэйсхолдер [[++assets_path]]. Либо закинуть шрифты в директорию компонента: /assets/components/text2image/fonts, тогда путь должен быть, как на примере выше с использованием плейсхолдера [[+assetsPath]].

Список параметров

• angle — Угол наклона текста на изображение.
• bg — Цвет фона в режиме HEX (#fff).
• break — Перенос строки по указанному количеству символов.
• color — Цвета текста в режиме HEX (#000).
• fontFile — Файл со шрифтом в формате TrueType (.ttf).
• fontSize — Размер шрифта в пунктах (pt).
• format — Формат изображения (png,gif,jpeg).
• h — Высота изображения.
• padding — Отступ вокруг текста на изображение.
• toPlaceholder — Если указан этот параметр, то результат будет сохранен в плейсхолдер, вместо прямого вывода на странице.
• tpl — Чанк оформления каждого изображения.
• trp — Прозрачность фона.
• w — Ширина изображения.

Исходники на GitHub