javascript - FramerJS - 如何在不重新加载的情况下从代码重置或刷新原型？

Question

如何以编程方式（通过代码）重置 FramerJS 原型？

我已经定义了一个点击层，我希望原型重置到它的初始状态。我试过使用location.reload()，但从网络重新加载。如何在不从网络重新加载原型的情况下重置？

Answer 1

您可以通过调用Framer.CurrentContext.reset()和重建原型来实现这一点。

为方便起见，请将所有设置代码写入您在重置上下文后调用的函数中。请记住还要调用该setup()函数进行初始设置。

例子：

setup = ->
    # Everything should go inside the setup() function
    layerA = new Layer
        backgroundColor: 'green'

    layerA.animate
        properties:
            x: Align.right

    resetButton = new Layer
        x: Align.center
        y: Align.bottom
        backgroundColor: 'red'

    resetButton.onClick ->
        Framer.CurrentContext.reset()
        #Call setup() again to recreate all layers
        setup() 

# Initial setup call
setup()

完整原型在这里：http ://share.framerjs.com/9fl1g7icvnax/