Question

有人知道如何在Ionic 2 app中旋转图片吗？（例如90deg。）可能需要更改exif信息吗？

我已将img保存在application public base64Image: string;之类的applicationStorageDirectory中（例如：＆＃34; data：image / png; base64，iVBORw0KGgoAAAA ...＆＃34;）。我需要旋转它然后保存。

保存工作正常，但我没弄清楚如何旋转它。我尝试过JavaScript，但它不起作用。此外，我找不到任何有用的Cordova插件。谁知道怎么弄清楚？

Answer 1

您可以查看此Javascript function to Rotate a base 64 image by X degrees and return new base64。或者，如果您只是想将图像旋转90度，请使用简单的css

transform: rotate(90deg)。

Answer 2

如果您是从相机取景的 Camera.getPicture（）接受一个名为“ correctOrientation”的参数。如果设置为true，则生成的图像将具有正确的方向，而不是将方向存储在EXIF元数据中。我只是在Android上尝试过。

let options:CameraOptions  = {
  targetWidth: 500,
  targetHeight: 500,
  correctOrientation:true,
};

this.camera.getPicture(options).then((imageData) => {
  // imageData is either a base64 encoded string or a file URI

  // If it's base64:
  let base64Image = 'data:image/jpeg;base64,' + imageData;
}, (err) => {
  console.log("Error get camera picture:");
  console.log(err);
});

Ionic 2 / Cordova图片旋转90度 - 更换exif

2 个答案: