獲取img物件的高度寬度畫素

2021-07-31 02:49:26 字數 598 閱讀 4387

今天在重寫放大鏡的時候用到不同大小的,放大後的定位就出現問題了,思考後覺得應該利用原圖的寬高計算一下確定各種框的比例和引數等,而不是限制所使用的的尺寸,更改頁面的尺寸,於是又套了幾層函式,最終是解決了。

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後的引數格式,這裡我用的『 』+ 引數  + 『 』。

獲取高度寬度

獲取瀏覽器顯示區域 可視區域 的高度 window height 獲取瀏覽器顯示區域 可視區域 的寬度 window width 獲取頁面的文件高度 document height 獲取頁面的文件寬度 document width 瀏覽器當前視窗文件body的高度 document.body hei...

js獲取精確寬度 高度 帶小數字的畫素

解決方法 window.getcomputedstyle getboundingclientrect 問題 1 用jquery獲取div等塊級元素的寬高時不能精確獲取,只能得到整數部分畫素,不能獲取小數字px。2 按750開發,iphone 8 plus 渲染元素後實際寬高會有小數點,clienth...

js獲取頁面高度寬度

關於獲取各種瀏覽器可見視窗大小的一點點研究。在我本地測試當中 在ie firefox opera下都可以使用 document.body.clientwidth document.body.clientheight即可獲得,很簡單,很方便。而在公司專案當中 opera仍然使用 document.bo...