Преобразователь текста в текстовое изображение.
Работает сервис на HTML5 и Java Script, поэтому в старых версиях браузера работоспособность преобразователя текста не гарантирована. Да и тестировался он на последних версиях Mozilla FireFox и Google Chrome.
Все размеры в таблице указываем в пикселях.
Задаем высоту картинки и ширину.
Цвет двух фонов изображения указываем одинаковым, иначе получаем градиент на фоне.
Задаем цвет текста, выбираем шрифт.
В пикселях задаем размер текста, отступ текста слева от края изображения (по горизонтали) и сверху вниз от края (по вертикали). При наведении курсора на окно ввода параметра появляются кнопки повышения и понижения значения, которые можно использовать не прибегая к нажатию цифровых клавиш клавиатуры.
Пишем нужный нам текст, хотя я бы начал с текста.
Все параметры можно изменять в любом порядке, а исходное изображение мы увидим ниже и в момент изменения параметров.
Чтобы сохранить изображение нужно кликнуть на него правой кнопкой мыши и выбрать из выпадающего меню пункт "Сохранить".
Работает сервис на HTML5 и Java Script, поэтому в старых версиях браузера работоспособность преобразователя текста не гарантирована. Да и тестировался он на последних версиях Mozilla FireFox и Google Chrome.
Все размеры в таблице указываем в пикселях.
Задаем высоту картинки и ширину.
Цвет двух фонов изображения указываем одинаковым, иначе получаем градиент на фоне.
Задаем цвет текста, выбираем шрифт.
В пикселях задаем размер текста, отступ текста слева от края изображения (по горизонтали) и сверху вниз от края (по вертикали). При наведении курсора на окно ввода параметра появляются кнопки повышения и понижения значения, которые можно использовать не прибегая к нажатию цифровых клавиш клавиатуры.
Пишем нужный нам текст, хотя я бы начал с текста.
Все параметры можно изменять в любом порядке, а исходное изображение мы увидим ниже и в момент изменения параметров.
Чтобы сохранить изображение нужно кликнуть на него правой кнопкой мыши и выбрать из выпадающего меню пункт "Сохранить".
HTML5/Конвертер текста в текстовое изображение | |||||
---|---|---|---|---|---|
Высота (px) | Ширина (px) | ||||
Цвет фона 1 | Цвет фона 2 | ||||
Цвет текста | Шрифт | Размер текста (px) | |||
Отступ слева (px) | Отступ сверху (px) | ||||
Текст | |||||
Так же можно создать анимированный флеш баннер в сервисе для создания баннеров.
Полезная статья? Поделись и получишь +500 к карме)))
Дата последнего изменения: