ionic2相机图像不会在模板中显示整个图像

Question

我正在尝试在我的ionic2应用程序中使用相机。我用以下功能拍照：

takePicture(){
    Camera.getPicture({
        sourceType: Camera.PictureSourceType.CAMERA,
        destinationType: Camera.DestinationType.FILE_URI,
        quality: 100,
        targetWidth: 1000,
        targetHeight: 1000,
        correctOrientation: true
    }).then((imageData) => {
      // imageData is a base64 encoded string
        this.base64Image = imageData;
    }, (err) => {
        console.log(err);
    });
  }

并使用以下HTML显示：

<img [src]="base64Image" *ngIf="base64Image" text="{{flavour}}" draw-text crossOrigin style="max-width: : 100%; max-height: 100%;" />

然而，它没有显示我在html中从相机中拍摄的完整图像。 以下是截图： 和原始图像：

为什么会出现这种差异？如何展示我拍摄的完整图像？

注意：我尝试更改targetWidth值，但没有帮助

Answer 1

这是因为我使用的指令将文本添加为​​捕获图像的叠加层。

我删除了redirectTo，我可以看到整个图像。