【卡片校园技术】通过naturalHeight和naturalWidth获取图片的原始比例

图片的naturalHeight和naturalWidth属性

var img = document.createElement('img'); // 使用 DOM HTMLImageElement
img.src = 'image2.jpg';
var heightO = img.naturalHeight
var widthO = img.naturalWdith // 原始宽度

• 获取图片的原始高度和宽度
• 这两个属性都是可读不可写的
• 应用场景为等比例展示图片，为什么这么说呢？
  • 举个例子：获取图片原始的比例

  var rate = widthO/heightO