您可以在 transform 属性上方添加一个 ID,该 ID 将为您提供对修饰符的引用,而不仅仅是目标。这是一个示例,当您单击“表面”时会更改该修饰符
希望这可以帮助!
var Engine = require("famous/core/Engine");
var Surface = require("famous/core/Surface");
var Scene = require("famous/core/Scene");
var Transform = require("famous/core/Transform");
var mainContext = Engine.createContext();
var myScene = new Scene({
id: "root",
opacity: 1,
target: [
{
id: "mod1",
transform: Transform.translate(10, 10),
target: {id: "foo"}
},
{
transform: [
{rotateZ: 0.1},
{scale: [0.5, 0.5, 1]}
],
origin: [0.5, 0.5],
target: {id: "bar"}
}
]
});
var surface = new Surface({
size: [200, 200],
content: "Hello World",
classes: ["red-bg"],
properties: {
lineHeight: "200px",
textAlign: "center"
}
});
surface.on('click',function(){
myScene.id["mod1"].transformFrom(function(){
return Transform.translate(50,50,0);
});
});
var surfaceTwo = new Surface({
size: [200, 200],
content: "Secondary",
classes: ["grey-bg"],
properties: {
lineHeight: "200px",
textAlign: "center"
}
});
myScene.id["foo"].add(surface);
myScene.id["bar"].add(surfaceTwo);
mainContext.add(myScene);