Как отображать динамический текст внутри изображений с помощью HTML и PHP

Question

Как отображать динамический текст внутри изображений с помощью HTML и PHP

0

Я разрабатываю php-сайт с помощью codeigniter, и мне нужно отображать HTML-текст внутри изображения из базы данных. Текстовое значение изменится между профилями. Это изображение:

"$ 40" - это динамический текст. Как мне продолжить? Вот HTML:

  <button class="btn btn-danger" id="buy-btn" 
       data-toggle="modal" 
       data-target=".package-buy-modal">BOOK NOW</button>

  <img id="price-tag" 
       src="<?php echo base_url()?>assets_profile/img/price.png">

user2951386 04 март 2014, в 18:29

Источник

0

Какие браузеры вам нужно поддерживать? CSS ( transform: rotate(45deg); ) может это сделать?
naththedeveloper 04 март 2014, в 16:34
0

Зачем вам нужен холст? Это абсолютно необходимо? Есть несколько способов сделать это; css-rotate, php-gd, css-canvas. php-gd, пожалуй, самый «солидный» подход.
Ярослав Рахматуллин 04 март 2014, в 16:46

Теги:

php

javascript

html

codeigniter

1 ответ

Ещё вопросы

Какие браузеры вам нужно поддерживать? CSS ( transform: rotate(45deg); ) может это сделать?
Зачем вам нужен холст? Это абсолютно необходимо? Есть несколько способов сделать это; css-rotate, php-gd, css-canvas. php-gd, пожалуй, самый «солидный» подход.

Aditya · Accepted Answer · 2014-03-04T15-27-00.000Z

Использование:

 <span id="price-tag-value"> 40$ </span>
 <img id="price-tag" src="<?php echo base_url()?>assets_profile/img/price.png"/>

CSS

#price-tag-value{
-o-transform: rotate(32deg); //change the deg value accordingly
-moz-transform: rotate(32deg);
-webkit-transform: rotate(32deg);
}

Имейте в виду, что это имеет ограниченную поддержку браузера. caniuse.com/#feat=transforms2d
Вы берете мой бесплатный представитель, пока я редактирую вопрос ?!