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