php 或 js 怎么在图片上添加文字和图片,

JavaScript015

php 或 js 怎么在图片上添加文字和图片,,第1张

需要扩展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)

?>

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

将 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>

亲,改一下js代码,改成这样就可以了

<script type="text/javascript">

tb=document.getElementById('textbox')

spans=document.getElementsByTagName("span")

for(var i=0i<spans.lengthi++)

{

    spans[i].index=i

    spans[i].onclick=function()

    {

       alert(spans[this.index-1].innerHTML)

    }

}

</script>