文字用css絕對定位就可以了
Ⅱ js在圖片上插入文字的代碼
添加一個標簽，
然後把這個標題定位到圖片的上方就可以了。
不需要用js。
Ⅲ 怎麼使用Javascript實現圖片寫字
你把背景顏色換成背景圖片就成了~ 你說的一個DIV內是不可能的，因為大圖片作為背景的話，小圖片就得作為圖片，但是文字是不能覆蓋在圖片上，只能覆蓋在背景上的。。
Ⅳ 怎麼在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>
Ⅳ 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);
?>
會將文字豎排排列顯示。至於樓主想要的效果，建議樓主先去找一下這方面的資料研究一下吧。很容易的。
Ⅵ javascript 在頁面中添加文字
js無法實現你的功能,如果說最接近的辦法,是使用ASP,並且使用javascript引擎.如果你懂得js的話,那麼可以花費最少的學習時間來撐握後端開發.ASP還可以使用vbscript引擎,當然,能完成後端開發的選擇還有很多,比如PHP,JSP,ASP.NET,這些都是當前最流行的技術.
但是,如果你從沒有接觸過後端開發的話,那麼,可能有很多東西是你要學習的.
Ⅶ 我找了個js實現圖片點擊放大的代碼，怎麼在打開的圖片下邊加文字介紹信息，還有增加轉載評論等按鈕
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無標題文檔</title>
<script>
function vg(){document.getElementById("ce").style.visibility = "hidden";}
function tc(){document.getElementById("ce").style.visibility = "visible";}
function yc(){document.getElementById("ce").style.visibility = "hidden";}
</script>
</head>
<body onLoad="vg();">
<img src="images/whiteBg.png" width="306" height="263" onMouseMove="tc();" onMouseOut="yc();">
<div id="ce" style="position:absolute; width:297px; height:23px; z-index:1; left: 12px; top: 246px;">圖片說明</div>
</body>
</html>
這個是滑鼠放在圖片上就顯示出圖片說明。很簡單。只是把其中的圖片替換成你本機上的圖片即可。
Ⅷ js 可以動態處理圖片為其加文字嗎
果斷使用canvas。但不兼容IE，可以考慮藉助flash來漸進式增強。另外你舉的兩個例子都是藉助伺服器端生成圖片的。
Ⅸ js如何給多個圖片添加hover文字
const imgList = document.getElementsByClassName('content')[0].getElementsByTagName('img')
for(let i=0;i<imgList.length;i+=1){
$(imgList[i]).hover(function(){
$(imgList[i]).css("background-color","yellow")
},function(){
$(imgList[i]).css("background-color","transparent")
})
}
混著用的 js的寫法復雜一點 所以引入了jq寫的
Ⅹ 如何用js或css將文字疊加到圖片上
1、直接用背景圖片
2、設置兩個div，圖片和文字分別放在兩個div內，設置相對定位