将framer.js动画嵌入到html中

我喜欢使用framer.js，但在我的网页上放置framer图层时遇到困难，并且要求它们响应浏览器大小。对于移动原型而言，它似乎比浏览器原型更适用。

我的解决方案，然后成为将framer层内的div在HTML中，并有该div响应我的CSS样式。不幸的是，我找不到办法。

我使用jQuery和层添加到我的DIV尝试：

app.js

var Container = new Layer({ 
    backgroundColor: "transparent", 
    width: 400, 
    height: 400 
}); 

$(Container).appendTo(".vertical_center")

的index.html

<body> 
    <div class="vertical_center"></div> 
</body>

我已经成功地追加随机文本只是检查jQuery是否正在工作。有没有人使用framer.js制作可嵌入您网站的“资产”？怎么会这样？

来源

2014-07-25 stecd

有没有想过解决这个问题？ –

我从来没有=（ – stecd

漂亮的老话题了，但如果你还在寻找解决方案，那么你可能会覆盖原型..在你上面脚本中添加类似：

Layer.prototype.__createRootElement = function() { 
     var element; 
     element = document.createElement("div"); 
     element.id = "FramerRoot"; 

     element.style['-webkit-perspective'] = 1000; 
     element.style.position = "absolute"; 
     element.style.left = 0; 
     element.style.top = 0; 
     element.style.right = 0; 
     element.style.bottom = 0; 

     document.getElementById('wrapper').appendChild(element); 
     return element; 
    };

没有做到这一点的最好办法，但它的工作原理。

来源

2014-09-14 16:25:45 aromka

将framer.js动画嵌入到html中

回答

相关问题