從場景中獲取原始A幀代碼

我正在基於Ace的A-Frame IDE上工作。編輯器驗證，如果書面HTML代碼是正確的，如果是的話，我只是innerHTML代碼到另一個div來渲染場景。「編輯」的這個方向起作用。從場景中獲取原始A幀代碼

我想要什麼/不能上班：如果我現在使用例如移動對象在場景中， A幀檢查器，我不能得到生成的簡單的A - 框架代碼來顯示編輯器中的操縱值。有沒有辦法從場景中獲得簡單的A-Frame代碼來實現IDE的完整同步和結果？謝謝！

2017-02-23 user1781595

使用debug成分CF https://aframe.io/docs/0.5.0/components/debug.html。它將屬性刷新到DOM。請注意，如果您想要從用戶那裏隱藏它，也可以使用document.querySelector('a-scene').flushToDOM(true);以編程方式調用它。

這裏是一個基本的例子http://jsbin.com/nuwoxu/edit?html,output

AFRAME.registerComponent('toeditor', { 
    init: function(){  
    this.flushToDOM(true) 
    console.log(this.el.innerHTML 
     .replace(/<canvas.*/,"") 
     // clean the injected canvas 
     .replace(/\w+="" /g, "")) 
     // clean empty attributes, using defaults 
    } 
});

來源

2017-02-23 15:53:36 Utopiah

從場景中獲取原始A幀代碼

回答

相關問題