day171-获取图片原始长宽

要点

  1. base64图片的长宽。
  2. 图片长宽。
  3. “src图片”的长宽。

base64图片

function getPngDimensions (base64) {
const header = atob(base64.slice(0, 50)).slice(16, 24)
const uint8 = Uint8Array.from(header, c => c.charCodeAt(0))
const dataView = new DataView(uint8.buffer)
return {
width: dataView.getInt32(0),
height: dataView.getInt32(4)
}
}

图片长宽

imageElement.naturalHeight
imageElement.naturalWidth

“src图片”

let img = new Image()
img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif'
img.onload = function() {
console.log(this.width + 'x' + this.height)
}

参考

https://stackoverflow.com/questions/623172/how-to-get-image-size-height-width-using-javascript

文章作者: lmislm
文章链接: http://lmislm.com/2019/07/03/2019-07-03/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 LMISLMのBlog