使用按钮旋转图像App Maker

Question

我刚刚开始使用App Maker。

我需要用户能够上传图片（我们可以做到），然后通过单击图片下方的按钮来旋转图片。

我无法在属性编辑器的onClick部分的“自定义操作”中找到正确的代码

任何帮助将不胜感激！

Answer 1

您可以创建client script并将函数添加到onClick事件。为了给您一个想法，like this，请尝试：

在客户端脚本上，为页面及其后代（子代）元素创建变量：

var pgImage = app.pages.UploadImage;
var pgImageDesc = pgImage.descendants;

这是您的功能。假设您的用户正在名为PanelImage的面板中上传图像。

function rotateImage() {

  var image = pgImageDesc.PanelImage;
  image.styles = ['rotated'];

}

您在 Style Editor 中将CSS类声明为“ rotated”。如果您只想将其应用于页面，请将其添加到页面样式部分。如果是全局类，则将其添加到全局样式：

.rotated {
  transform: rotate(180deg); /* Equal to rotateZ(180deg) */
}

Answer 2

您能具体一点吗？您可以使用CSS / javascript旋转显示的图像，但这不会更改文件本身。您打算更改文件吗？