четверг, 3 сентября 2015 г.

Преобразователь текста в изображение

Конвертировать текст в изображениеПреобразователь текста в текстовое изображение.
Работает сервис на HTML5 и Java Script, поэтому в старых версиях браузера работоспособность преобразователя текста не гарантирована. Да и тестировался он на последних версиях Mozilla FireFox и Google Chrome.
Все размеры в таблице указываем в пикселях.
Задаем высоту картинки и ширину.
Цвет двух фонов изображения указываем одинаковым, иначе получаем градиент на фоне.
Задаем цвет текста, выбираем шрифт.

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

Все параметры можно изменять в любом порядке, а исходное изображение мы увидим ниже и в момент изменения параметров.
Чтобы сохранить изображение нужно кликнуть на него правой кнопкой мыши и выбрать из выпадающего меню пункт "Сохранить".


HTML5/Конвертер текста в текстовое изображение
Высота (px) Ширина (px)
Цвет фона 1 Цвет фона 2
Цвет текста Шрифт Размер текста (px)
Отступ слева (px) Отступ сверху (px)
Текст
Your browser does not support the HTML5 canvas tag.

Так же можно создать анимированный флеш баннер в сервисе для создания баннеров.

Полезная статья? Поделись и получишь +500 к карме)))

Дата последнего изменения:
ВВЕРХ