• 获取图片真实尺寸大小的简单方法
  • 获取图片真实尺寸大小的简单方法-WP新手学园

    通过JS获取图片的大小进行处理是很多人都会进行的操作,无论是什么图片,我们都想让其以最好的姿态展现,有些时候,我们设置了图片的比例,比如宽度100%,或者高度也按照一定的数值进行计算,但是这样的计算方式有些时候存在一定的缺陷。

    可能是我的能力不足,我通过JS获取图片宽度,然后按照一定的比例设置高度,这种设计针对图片没有超过容器宽度的的图片时,还是比较有效的,但是有些时候我们需要获取图片真实的大小,经过查询,发现了两个属性:naturalWidth和naturalHeight。

    那么这两个属性的使用方法如下:

    通过这两个参数可以直接获取指定图片的真实大小,之后根据比例对已经渲染好的图片进行缩放即可,有兴趣的朋友可以直接去尝试一下。

    代码方面来自: https://www.cnblogs.com/jf-67/p/7798544.html

  • 订阅站点了解最新技巧
  • 任何有用的技巧我们均将通过邮件告知你
  • 点击订阅
    高级设置
  • 0
    大惊
    0
    大笑
    0
    发呆
    0
    恶魔
    0
    流泪
    0
    调皮
    0
    笑出泪
    0
    犯困
    0
    坏笑
    0
    疑问
  • 版权声明:整理不易,如无特殊说明,文章内容均为本站原创,转载请注明出处
  • 本文标题:获取图片真实尺寸大小的简单方法
  • 本文链接:https://www.wpxsxy.com/543.html [点击复制]
  • W******
  • 2830776172
  • qweqw
  • qwe
  • 啥都没有,没啥好看的
    主页
    关注
    聊天
    Sakurairo:一个多彩,轻松上手,体验完善,具有强大自定义功能的WordPress主题
  • 上一篇:
  • Sakurairo:一个多彩,轻松上手,体验完善,具有强大自定义功能的WordPress主题
  • 点击隐藏或者显示指定内容
  • 下一篇:
  • 点击隐藏或者显示指定内容
  • 相关推荐
    文章评论
    提交评论
    分类推荐