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>

希望可以幫到你。
不明白可以追問我哦。