牛骨文教育服务平台(让学习变的简单)
博文笔记

获取img对象的高度宽度像素

创建时间:2017-04-24 投稿人: 浏览次数:155

今天在重写放大镜的时候用到不同大小的图片,放大后的图片定位就出现问题了,思考后觉得应该利用原图的宽高计算一下确定各种框的比例和参数等,而不是限制所使用的的图片尺寸,更改页面的尺寸,于是又套了几层函数,最终是解决了。

js中对img对象的基本使用就是这些:

var img=new Image();

img.src="图片路径";

然后调用

img.width

img.height

写成JQ的话也就是:

$img=new Image();
$img.src=$("#box>img").attr("src"); //自定义对象
$imgwidth=$img.width;
$imgheight=$img.height;

另外就是更改img的src:

$("#Bbox").css("background","url("+$(this).find("img").attr("src")+")");

这里要注意的是background后的参数格式,这里我用的‘ ’+ 参数  + ‘ ’。

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。