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/