怎么在js控制的背景图片里添加文字?

JavaScript07

怎么在js控制的背景图片里添加文字?,第1张

将 id="bg" 这个 div 的 style(样式)中的 position(位置)设置为 relative(相对),

然后在里面加一个 div 写文字,将它的 position 设置为 absolute(绝对),调整 top 和 left 来改变它的显示位置。

把 div 替换为下面这样

<div id="bg" style="position: relative">

<div id="text" style="position: absolutetop: 100pxleft: 200px"><p>添加文字</p></div>

<img src="图片地址自己换上" alt="HIGH">

</div>

需要扩展GD库,例如:

<?php

$im

=

ImageCreate(70,350)

$white

=

ImageColorAllocate($im,255,255,255)

$black

=

ImageColorAllocate($im,0,0,0)

ImageTTFText($im,20,270,28,10,$black,'courbi','The

courier

TTF

font')

header('Content-Type:

image/png')

ImagePNG($im)

?>

会将文字竖排排列显示。至于楼主想要的效果,建议楼主先去找一下这方面的资料研究一下吧。很容易的。