Question

我是离子框架和cordova的新手。我学会了使用相机插件。在获得图像之后，我想要裁剪它的一部分。裁剪宽高比不得是静态的，即裁剪框应该是可缩放的（向上，向下，向右，向左）。

我经历了jeduan/cordova-plugin-crop，但由于使用了Ionic v2而无法理解，我正在使用离子v1。

请指导我实现这一目标。
有没有插件可以这样做？

Answer 1

您可以通过相机为裁剪图像设置allowEdit: true属性：

var options = {
    maximumImagesCount: 1,
    quality: 75,
    targetWidth: 500,
    targetHeight: 500,
    sourceType: Camera.PictureSourceType.CAMERA,
    correctOrientation: true,
    allowEdit: true
};

$cordovaCamera.getPicture(options)
    .then(function (imageData) {

    // here imageData have crop image

    // do anything with crop image 
})

Answer 2

无法理解，因为它使用了Ionic v2

此插件的主要api是为javascript提供的。您无需以角度方式或ngCordova模块进行管理。只需在控制器中使用javascript语法即可。

plugins.crop(function success () {

}, function fail () {

}, '/path/to/image', options)

请注意，您的index.html

中包含cordova.js

Answer 3

我正在使用jr-rop库，它使用纯粹的Angular方法。您可以按如下方式使用它。

UPDATE V SET foo = foo.append('abc') where foo = '123'

裁剪后，它会返回画布对象，您可以根据需要进一步操作。

问候。

离子：图像裁剪

3 个答案: