js怎么改变图片位置,就是给一个坐标,图片到坐标位置

JavaScript020

js怎么改变图片位置,就是给一个坐标,图片到坐标位置,第1张

需要设置图片position:absolute这个CSS属性

然后就可以使用类似下面的方法

img假定为你要改的图片,可以使用

img=document.getElementById('图片id')得到,然后下面是位置

img.style.left="160px"

img.style.top="180px"

只有绝对定位(position:absolute)或者固定定位(position:fixed)的元素才能通过top和left等属性来改变其位置。所以你应该在css中把图片的定位属性设一下,当然用js设定也行。

另外,给p.style.top或者p.style.left赋值时,务必加上单位,比如 p.style.top="200px",因为不这样做在有些浏览器中会出错的。

javascript中img.src属性可以获取到图片的完整路径, 相对路径要通过与相对位置计算得出。计算方法:

先要明确自己的相对位置在哪,这个是需要人为指定的。

核心代码如下:

var res=document.getElementById("img").src

var root_href='根目录路径'

res=document.getElementById("img").src.replace(root_href,'')

用jquery方法

var res=$("#img").attr("src")

res=res.substring(res.indexOf("根")+2)

更多关于在上传文件的过程得到完整路径的方法请参考如下:

file.select()

var res=document.selection.createRange().text

var res=file.files.item(0).getAsDataURL()

var res=file.value