介绍
cordova-plugin-simple-crop 是一个 Cordova 插件，可以帮助移动应用开发者实现图片裁剪功能。使用该插件，可以在移动应用中快速实现图片裁剪的功能，提高用户体验。
安装
可通过 npm 进行安装：
npm install cordova-plugin-simple-crop --save
或者可以使用 Cordova 命令进行安装：
cordova plugin add cordova-plugin-simple-crop
使用
步骤一：加载插件
在页面的 JavaScript 脚本中引入 cordova-plugin-simple-crop 插件：
var crop = window.plugins.SimpleCrop;
步骤二：打开图片
调用插件中提供的 openImage 方法打开图片：
-- -------------------- ---- -------
----------------
----------- ------------------------------- -- ------
---------------- ----------------------------- -- ------
---------- ---- -- ----
----------- ---- -- ----
-------- ------------------- -
-- ------------
-----------------------
--
------ --------------- -
-- ------------
-------------------
-
---参数说明
调用 openImage 方法时，可以传入以下几个参数：
| 参数名 | 类型 | 是否必填 | 参数说明 |
|---|---|---|---|
| sourceType | 整型 | 是 | 图片资源类型（包括：从相机获取、从图片库获取或直接使用图片的 URL） |
| destinationType | 整型 | 是 | 图片返回类型（包括：Base64 编码或文件 URI） |
| cropWidth | 整型 | 是 | 裁剪宽度 |
| cropHeight | 整型 | 是 | 裁剪高度 |
| success | 函数 | 是 | 图片裁剪成功后的回调函数 |
| error | 函数 | 是 | 图片裁剪失败后的回调函数 |
参数值
sourceType 可以取以下三个值：
| 值 | 参数说明 |
|---|---|
| 0 | 从相机获取 |
| 1 | 从图片库获取 |
| 2 | 直接使用图片的 URL |
destinationType 可以取以下两个值：
| 值 | 参数说明 |
|---|---|
| 0 | 文件 URI |
| 1 | Base64 编码 |
示例
下面是使用 cordova-plugin-simple-crop 实现图片裁剪的示例代码：
-- -------------------- ---- -------
-- ----
--- ---- - --------------------------
-- ----
----------------
----------- -------------------------------
---------------- -----------------------------
---------- ----
----------- ----
-------- ------------------- -
-- ------------
-----------------------
-- - ------ --------------
--- --- - --- --------
------- - ------------------------ - ----------
-- -------- --- -
-------------------------------
--
------ --------------- -
-- ------------
-------------------
-
---总结
本篇文章介绍了 Cordova 插件 cordova-plugin-simple-crop 的使用教程，通过该插件可以方便地实现移动应用中的图片裁剪功能。希望对开发者能够提供一定的帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f72238a385564ab67de