javascript - 将图像旋转 90°

Question

我想构建一个钛应用程序，将图片旋转 90 度。我的 View 显示了 imageView 和我想用来旋转按钮的按钮。但我总是收到“未定义”错误。请参阅下面的代码和日志:

var image;
var imageSet = false;

var file = Titanium.Filesystem.getFile(Titanium.Filesystem.applicationDataDirectory, "savedChallengeImage.jpeg");
if(file) {
    $.picture.setImage(file);
    image = file;
    imageSet = true;
}

function rotate() {
    if (imageSet) {
        var t = Titanium.UI.create2DMatrix(); 
        var spin = Titanium.UI.createAnimation();
        t = t.rotate(90);
        spin.transform = t;
        file.animate(spin);
    } 
}

编辑:我已将文件对象更改为图像对象，但其行为方式相同。我是否正确获取图像对象？

image = $.picture.getImage();
image.animate(spin);

还有我的日志:

[ERROR] :  Script Error {
[ERROR] :      backtrace = "#0 () at :0";
[ERROR] :      line = 17;
[ERROR] :      message = "'undefined' is not a function (evaluating 'file.animate(spin)')";
[ERROR] :      name = TypeError;
[ERROR] :      sourceId = 319168864;
[ERROR] :      sourceURL = "file:///Users/rellerkmann/Library/Developer/CoreSimulator/Devices/97B059B3-D010-402B-834F-E2647DC8BBC9/data/Containers/Bundle/Application/BB7A6057-D27E-4AB3-92AB-051BE30087BE/RegApp.app/alloy/controllers/challengePicturePage.js";
[ERROR] :  }

Answer 1

根据文档，File 对象没有 animate 方法。您必须使用 ImageView 对象。

File

ImageView

您也可以在这里查看引用: https://developer.appcelerator.com/question/84171/rotate-an-image-around-its-center