Javascript中获取DPI

JavaScript017

Javascript中获取DPI,第1张

function $_GETDPI() {

    var arrDPI = new Array

    if (window.screen.deviceXDPI) {

        arrDPI[0] = window.screen.deviceXDPI

        arrDPI[1] = window.screen.deviceYDPI

    }

    else {

        var tmpNode = document.createElement("DIV")

        tmpNode.style.cssText = "width:1inheight:1inposition:absoluteleft:0pxtop:0pxz-index:99visibility:hidden"

        document.body.appendChild(tmpNode)

        arrDPI[0] = parseInt(tmpNode.offsetWidth)

        arrDPI[1] = parseInt(tmpNode.offsetHeight)

        tmpNode.parentNode.removeChild(tmpNode)

   }

   return arrDPI

}

使用的时候直接输入$_GETDPI()即可

方法一：获取图片的宽高。可以用offsetWidth和offsetHeight

方法二：

你先获取img标签标签元素。用getElementById()或者getElementsByClassName或者getElementsByTagName()都可以。

获取之后，如果你的img图片有width和height 属性，可以直接用img元素对象点属性

document.getElementsByTagName("img")[0].width

document.getElementsByTagName("img")[0].height

3.如果img元素本身没有width和height属性。你可以获取img元素的style样式

function getStyle(obj,attr){

return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj)[attr]

｝；

obj是你的img标签对象，attr是你的想要获取的属性；

currentStyle支持IE低版本浏览器，

getComputedStyle支持主流浏览器