SmorodinKA
2.02.2017 - 13:39
Здравствуйте. Помогите решить проблему. Есть картинка размером 500 на 100. Необходимо разместить на ней текст по середине, причем текст может быть разной длиной, то есть иногда текст надо расположить в две строки, а иногда, если она короткая, в одну.
Подскажите, с чего начать и куда двигаться? Может у кого-то есть что-то подобное в скриптах.
Спасибо.
Игорь_Vasinsky
2.02.2017 - 14:29
ты знаешь ширину картинки
ты знаешь отступы внутри картинки
ты знаешь длину строки в символах
ты можешь рассчитать длину строки в пикселях исходя из длины строки в символах и размера шрифта
ширина картинки 500 px
длина текста 800 px
не поместились
считаешь на сколько строк нужно разделить стоку - отношение длины строки в пикселях на ширину картинки (- внутренние отступы) - округляй до целогоceil()
теперь нужно найти точку начала строки
у тебя несколько строк (для одной по аналогии)
ширина картинки - длина строки / 2 - и есть точка начала строки слева
я конечно всё усложнил. есть готовые классы для watermarks же. чё не гуглишь
_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker