当前位置：文江博客话题详情

来自 SQL 数据库的图像顶部的文本

发布于 2024-11-16 04:45:48 字数 189 浏览 3 评论 0原文

所以我想弄清楚如何做到这一点： http://www.hetemeel.com/einsteinform.php 与我自己的形象。我还需要弄清楚如何用从 SQL 数据库获取文本来替换文本框。非常感谢任何帮助。谢谢！ :-)

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

爱给你人给你 2024-11-23 04:45:48

尝试使用这个脚本。

$sql = "SELECT some_text FROM some_table LIMIT 1";
$rs = mysql_query($sql) or die();
$arr = mysql_fetch_assoc($rs);

header ("Content-type: image/png");
$string = $arr['some_text'];
// try changing this as well
$font = 4;
$width = imagefontwidth($font) * strlen($string) ;
$height = imagefontheight($font) ;
$im = imagecreatefrompng("/path/to/someimagefile");
$x = imagesx($im) - $width ;
$y = imagesy($im) - $height;
$backgroundColor = imagecolorallocate ($im, 255, 255, 255);
$textColor = imagecolorallocate ($im, 0, 0,0);
imagestring ($im, $font, $x, $y,  $string, $textColor);
imagepng($im);

Try playing around with this script.

$sql = "SELECT some_text FROM some_table LIMIT 1";
$rs = mysql_query($sql) or die();
$arr = mysql_fetch_assoc($rs);

header ("Content-type: image/png");
$string = $arr['some_text'];
// try changing this as well
$font = 4;
$width = imagefontwidth($font) * strlen($string) ;
$height = imagefontheight($font) ;
$im = imagecreatefrompng("/path/to/someimagefile");
$x = imagesx($im) - $width ;
$y = imagesy($im) - $height;
$backgroundColor = imagecolorallocate ($im, 255, 255, 255);
$textColor = imagecolorallocate ($im, 0, 0,0);
imagestring ($im, $font, $x, $y,  $string, $textColor);
imagepng($im);

回复收藏 0 原文

往日情怀 2024-11-23 04:45:48

首先，将此图像作为 div 的背景图像，对于图像中显示的文本，您可以使用 CSS3 将文本转换为您看到的样子，使用：

-webkit-transform: rotate(15deg); /* rotate the text by 15 degree for chrome */
-moz-transform: rotate(15deg); /* for mozilla */
transform: rotate(15deg); /* for future, when css3 is standard and Opera */

并使用字体给它一种手写的感觉写法类似于“Buxton Sketch”字体名称。
然后使用该文本的 padding-left 属性将其按照您想要的方式放置在图像中。

我希望这会有用。

First, make this image a background-image for the div, for the text displayed in the image you can use CSS3 to transform the text to look like the way you saw using:

-webkit-transform: rotate(15deg); /* rotate the text by 15 degree for chrome */
-moz-transform: rotate(15deg); /* for mozilla */
transform: rotate(15deg); /* for future, when css3 is standard and Opera */

and use a font to give it a feeling that it is hand written like "Buxton Sketch" font name.
then use padding-left property for this text to position it the way you want in the image.

i hope this will be useful.

回复收藏 0 原文

~没有更多了~