Почему текст на png накладывается некорректно?

Денис Юрьев, спасибо. Пробовал разобраться и не могу с ним подружиться никак.
При попытке сделать обводку текста, мне выводится такая фигня:

Код, который я использую

$draw = new ImagickDraw(); // Для работы с текстом
  $bg = new Imagick($image_bg); // работа с самой картинкой
  $fontPath = BASE_DIR.'/watermark/Impact.ttf';
  $draw->setFont($fontPath);
  $draw->setFillColor('#FFF');
  $draw->setFontSize(32);
  $draw->setStrokeColor('black');
  $draw->setStrokeWidth(1);

  // 1 это x - Слева на право / 2 это y - Сверху вниз / Сам текст
  $bg->annotateImage($draw, 50, 50, 0, 'The quick brown fox jumps over the lazy dog');
  $bg->writeImage($image_new);

Да и еще там что-то непонятно с переносом текста на новую строку, если он не умещается на изображении

Как доработать регулярное выражение?

Rsa97, решил пойти другим путем. Для начала, перед проверкой, удаляю из строки все bbcode

function remove_bbcode($value)
{
    return preg_replace('~\[([a-z]+)[^]]*].*?\[/\1]~s', '', $value);
}

А Вам, спасибо. Отмечаю как решение данного вопроса!

Как доработать регулярное выражение?

Rsa97, хм... Засада... Этого я не ожидал. Потому как используют ссылки и в том числе с bbcode

Как доработать регулярное выражение?

Rsa97, ох ты ж елки палки... Точно. Спасибо...
Но вот только не пойму, а почему ссылка обнаружена?

$str = 'Тут какой-то текст и затем ссылка на изображение.[img]https://cdn5-images.motherlessmedia.com/images/F6E14A3.jpg[/img]';
    $reg_exUrl = "/(?:(((http|https|ftp|ftps)\:\/\/)|(www\.))[a-zA-Z0-9\-\.]+\.[a-zA-Z]{2,3}(\:[0-9]+)?(\/\S*)?)(?<!\.jpg|\.png|\.gif|\.jpeg)(?:\s|$)/";
    if(preg_match_all($reg_exUrl, $str, $urls, PREG_PATTERN_ORDER)) {
    	echo 'Ссылка обнаружена!'.var_dump($urls[0]);
    }else{
    	echo 'Ссылка НЕ обнаружена!';
    }

array(1) { [0]=> string(64) "https://cdn5-images.motherlessmedia.com/images/F6E14A3.jpg[/img]" } Ссылка обнаружена!

Как доработать регулярное выражение?

Rsa97,

$reg_exUrl = "(?:(((http|https|ftp|ftps)\:\/\/)|(www\.))[a-zA-Z0-9\-\.]+\.[a-zA-Z]{2,3}(\:[0-9]+)?(\/\S*)?)(?<!\.jpg|\.png|\.gif|\.jpeg)(?:\s|$)";
    if(preg_match_all($reg_exUrl, $str, $urls, PREG_PATTERN_ORDER)) {
    	echo 'Ссылка обнаружена!'.var_dump($urls[0]);
    }else{
    	echo 'Ссылка НЕ обнаружена!';
    }

просто вставил в переменную вашу регулярку

Как доработать регулярное выражение?

Warning: preg_match(): Unknown modifier '('

Как доработать регулярное выражение?

Спасибо. Потестирую и отмечу решением, если все будет работать как надо!

Как доработать регулярное выражение?

Rsa97, меня интересуют именно ссылки на файлы вида: .jpg, .png, .gif, .mp4 и т.д.
Про другие ссылки не интересует

Можно ли менять сортировку данных без запросов к БД?

volucris1, спасибо за помощь, но удалось уже все реализовать по Этому ответу

Можно ли менять сортировку данных без запросов к БД?

edward_freedom, да, спасибо! Похоже на то. Изучу и рассмотрю этот вариант.

Можно ли менять сортировку данных без запросов к БД?

Lynn «Кофеман», идея то какая, при формировании всей этой таблицы, я задаю, к примеру, data атрибут тегу tr? в котором указан размер файла (может его придется к какому то виду привести), а дальше, условно, методом each перебираю все tr с классом white и все смотрю этот атрибут, а потом по нему сортирую? Нет?

Можно ли менять сортировку данных без запросов к БД?

а как именно мне эти данные добавить в массив? Из уже существующей разметки или после того как от php придет json ответ при формировании? И как их именно добавлять по нужному мне параметру? Я не очень понимаю, если честно

Можно ли менять сортировку данных без запросов к БД?

edward_freedom, Я так понимаю что это плагины какие-то готовые? А можно проще, без плагинов всяких? Просто, к примеру, через each перераспределить строки?

Как "синхронизировать" предпросмотр и результат наложения текста?

tyoma_koder, Нет. Посмотрите мой исходный код на fiddle, там видно что есть два инлайн блока. В одном настройки, в другом соответственно картинка. Результат, что при достаточном размере экрана эти блоки рядом друг с другом, а если недостаточно, то блок с настройками вверху, а с картинкой опускается по д него. В любом случае, блок с картинкой адаптируется под свободное пространство своего родителя, но в идеале чтобы был не больше 700 пикселей в ширину.

Как "синхронизировать" предпросмотр и результат наложения текста?

tyoma_koder, Я блоку с position relative присвоил id transform. Потом, при загрузке страницы, как я понимаю, нужно сделать что-то типа этого?
$('#transform').css('transform',scale(.5));
Только значение надо как-то высчитывать?

Как "синхронизировать" предпросмотр и результат наложения текста?

tyoma_koder, А подскажите, как высчитывать какое указывать значение для transform:scale()?

Как "синхронизировать" предпросмотр и результат наложения текста?

tyoma_koder, у меня картинка и так обернута в блок с position relative, а блоки накладываются с position absolute. На них тоже будет действовать?

Как "синхронизировать" предпросмотр и результат наложения текста?

Честно говоря, сложно пока понять как это реально будет выглядеть. )))

Как "синхронизировать" предпросмотр и результат наложения текста?

Сложно понять что это даст. Картинка будет масштабироваться вместе с текстом? каким образом? Его как и картинку тоже надо будет масштабировать через transform:scale(.5)?

Почему не переносится длинное слово, когда доходит до конца блока?

Рустам Байназаров, вроде бы помогло свойство white-space: pre-line;