前言
在前端开发中，我们经常会遇到需要获取图片宽高的需求，而 ngsize 就是一个可以很方便地实现这一功能的 npm 包。本文将详细介绍 ngsize 的安装与使用方法，并提供示例代码供读者学习参考。
安装
使用 npm 安装 ngsize：
--- ------- ------
使用
引入
在需要使用的文件中引入 ngsize：
------ - ------------ - ---- ---------
获取图片尺寸
使用 NgSizeModule 中的 getImageSize 方法可以获取图片的尺寸信息：
----- --- - --- -------- ------- - -------------------------------- ------------------------------------------ - ------ ------- ------- ------ -- -- - ------------------ -- ------- ---- ------- ---- ---
指令
ngsize 还提供了一个指令来方便地获取图片尺寸。在使用指令之前，需要先将 NgSizeModule 注册到模块中：
-----------
-- ---
-------- -
------------
-
--
------ ----- --------- - -然后，在模板中使用指令：
---- ----------------------------------- ---------------- -- ------------------
当图片加载完成后，指令会将图片尺寸信息传递给 handleSize 方法，并以函数参数的形式传递：
---------------- - ------ ------- ------- ------ -- - ------------------ -- ------- ---- ------- ---- -
示例代码
------ - --------- - ---- ----------------
------ - ------------ - ---- ---------
------------
--------- -----------
--------- -
-----
----
-----------------------------------
---------------- -- -----------------
-
------
--
--
------ ----- ------------ -
---------------- - ------ ------- ------- ------ -- -
------------------ -- ------- ---- ------- ----
-
-总结
ngsize 包提供了方便快捷地获取图片尺寸信息的功能，并且提供了指令的形式来使用。希望本文对读者有所帮助，如有问题或建议，欢迎留言评论。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600560ac81e8991b448deeaf