Google app maker 使用按钮旋转图像App Maker

Google app maker 使用按钮旋转图像App Maker,google-app-maker,Google App Maker,我刚刚开始使用AppMaker 我需要用户能够上传一个图像(我们可以这样做),然后通过点击下面的按钮旋转图像 在属性编辑器的onClick部分,我找不到正确的代码写入自定义操作 任何帮助都将不胜感激 你能说得更具体些吗?您可以使用CSS/javascript旋转显示的图像,但这不会改变文件本身。是否要更改文件?您可以创建一个文件并将函数添加到onClick事件中。要给你一个想法,请尝试: 在客户端脚本上,为页面及其子(子)元素创建变量: var pgImage = app.pages.Uploa

我刚刚开始使用AppMaker

我需要用户能够上传一个图像(我们可以这样做),然后通过点击下面的按钮旋转图像

在属性编辑器的onClick部分,我找不到正确的代码写入自定义操作


任何帮助都将不胜感激

你能说得更具体些吗?您可以使用CSS/javascript旋转显示的图像,但这不会改变文件本身。是否要更改文件?

您可以创建一个文件并将函数添加到onClick事件中。要给你一个想法,请尝试:

在客户端脚本上,为页面及其子(子)元素创建变量:

var pgImage = app.pages.UploadImage;
var pgImageDesc = pgImage.descendants;
这是你的功能。假设您的用户正在名为
PanelImage
的面板中上载图像

function rotateImage() {

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

}
中声明CSS类“已旋转”。如果只想将其应用于页面,请将其添加到页面样式部分。如果是全局类,请将其添加到全局样式中:

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

请添加一些迄今为止您尝试过的代码。