什么是 ng-jic
ng-jic是一个AngularJs的自定义指令，用于处理图片压缩并自适应高度和宽度。它基于JIC（Javascript Image Compressor），这是一个纯客户端的图片压缩库。它允许用户通过javascript在客户端对图片进行压缩，无需向服务器发送请求。ng-jic提供了一种简单的方式，使用JIC来缩小你的图片，并自动适应大小，以便始终取得最佳的外观效果。
如何安装
首选可以在终端中输入以下命令：
--- ------- ------
或者手动将ng-jic包下载到您的项目中，并手动安装（这种方式显示更灵活）。
如何使用
为了使用ng-jic，你需要将它添加到你的应用程序中。要添加ng-jic到你的应用程序中，请在HTML文件中包含ng-jic指令文件。
------- ----------------------------------
确保该指令包含在你的项目应用程序之前。然后通过注册一个名为“ngJic”的模块，就可以在你的应用程序中使用ngJic。
--- --- - ----------------------- -----------
确保你的应用程序中包含了AngularJs的基本包，然后就可以在你的网页中使用ng-jic指令。
---- ------ --------------- ----------- ------------ --
示例代码
HTML代码：
---- ---------------
---- ----------------------------
---- ------ --------------- --
------
------Javascript代码：
--- --- - ----------------------- ----------- ----------------------------- ---------- ---------------- - ------------ - ----------- ---
这将为位于“test.jpg”文件中的图像提供自适应高度和宽度。ng-jic还提供了一些可选参数，可用于调整压缩大小和调整压缩质量。例如：
---- ------ --------------- ----------- ------------ ------------ --
这将给图像提供更低的压缩质量，以便在带宽有限的情况下提高加载速度。
总结
ng-jic是一个非常实用的AngularJs指令，它可以帮助您优化图像并改善页面性能。这里介绍了使用ng-jic的基本方法，并提供了一些示例代码。使用ng-jic指令通常非常简单，但是如果你需要更多的定制选项，你可以通过查看ng-jic官方API文档来深入了解它。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055dc881e8991b448db835