js图片上编辑文字

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

需要扩展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);
?>
会将文字竖排排列显示。至于楼主想要的效果，建议楼主先去找一下这方面的资料研究一下吧。很容易的。

② js怎么让文字显示在图片前面 不会被图片覆盖

可以给图片加个 style="z-index:-1" 属性

③ html -- 图片上添加文字

可以。

以html为例，步骤：

一、在body中建立文字信息以及图片内容，也就是在header中包含两个同级，图片和文字。

④ js点击图片后所点的图片变成一段文字

<div>
	<imgid="img1"src="1.jpg"onclick="Cmd(this,'span1');"/>
	<spanid="span1"style="display:none;"onclick="Cmd(this,'img1');">介绍文字</span>
</div>
<script>
	functionCmd(v,id){
		v.style.display="none";
		document.getElementById(id).style.display="";
	}
</script>

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

将 id="bg" 这个 div 的 style（样式）中的 position（位置）设置为 relative（相对），
然后在里面加一个 div 写文字，将它的 position 设置为 absolute（绝对），调整 top 和 left 来改变它的显示位置。

把 div 替换为下面这样

<div id="bg" style="position: relative;">
<div id="text" style="position: absolute; top: 100px; left: 200px;"><p>添加文字</p></div>
<img src="图片地址自己换上" alt="HIGH">
</div>

⑥ 如何利用java在图片上添加文字

// 读取模板图片内容
BufferedImage image = ImageIO.read(new FileInputStream("c:\\test.jpg"));
Graphics2D g = image.createGraphics();// 得到图形上下文
g.setColor(Color.BLACK); // 设置画笔颜色
// 设置字体
g.setFont(new Font("宋体", Font.LAYOUT_LEFT_TO_RIGHT, 15));// 写入签名
// 下面这一句中的43，image.getHeight()-10可以改成你要的坐标。
g.drawString("这是新加入的文字", 43, image.getHeight() - 10);
g.dispose();
FileOutputStream out = new FileOutputStream("c:\\test1.jpg");
JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(out);
encoder.encode(image);
out.close();
希望我的回答能帮助你 谢谢 呵呵 答案补充 肯定了 在一张纸上写字 肯定会自动换行的 否则写外面？逻辑都通不过去~ 答案补充 把你的意思说出了 是不是随便的写字然后就提交 就把字写在了图片上还是？多少字 有没有约束？ 答案补充 g.drawString("这是新加入的文字", 43, image.getHeight() - 10);

在这个做处理 你规定了字体的大小 那么获取字符的长度*大小 一次判断不要大于宽度 否则image.getHeight() - 10++ 你试试 应该可以的 我这里没有Eclipse 答案补充 public class mains {

/**
* @param args
*/

private static int fontsize = 15;

static String jj(String str)
{
String sContent = str;
sContent=sContent.replaceAll(" "," ");
sContent=sContent.replaceAll("<br/>","/");
sContent=sContent.replaceAll("<br>","/");

return sContent;
} 答案补充 static void hh(String str)
{
BufferedImage image;
try {
image = ImageIO.read(new FileInputStream("E:\\dian zi za /789.jpg"));
Graphics2D g = image.createGraphics();// 得到图形上下文
g.setColor(Color.BLACK); // 设置画笔颜色
// 设置字体
g.setFont(new Font("宋体", Font.LAYOUT_LEFT_TO_RIGHT, fontsize));// 写入签名
// 下面这一句中的43，image.getHeight()-10可以改成你要的坐标。

String text = jj(str); 答案补充 String [] text1 = text.split("/");

int h = image.getHeight();
int w = image.getWidth();
for(int i=0;i<text1.length;i++)
{

g.drawString(text1[i],0,fontsize+i*fontsize);
}
g.dispose();
FileOutputStream out = new FileOutputStream("E:\\dian zi za /789.jpg");
JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(out);
encoder.encode(image);
out.close(); 答案补充 public static void main(String[] args) {
// TODO Auto-generated method stub

hh("sdakljsdhww<br/>asdasd<br/>a");
}

}
试试 可以换行 答案补充 关于 图片的尺寸以及字体是否超出 你自己试着解决下 不要过于依赖问

⑦ 请问如何利用html代码在一个图片上加上文字 并且文字可以加上链接

你说的添加文字是鼠标悬停在图片上显示的文字吗？

如果是的话添加 title 属性
<img src="图片地址" width="170" height="89" alt="" title=“这里写上要显示的字”>
图片添加连接我的方法是在<img>标签两边添加<a>标签
如：
<a href="要连接的地址" title="这里也可以使用title属性，也是悬停会会显示文字">
<img src="图片地址" width="170" height="89" alt="" title=“这里写上要显示的字”>
</a>

希望可以帮到你。
不明白可以追问我哦。