gpt4 book ai didi

famo.us - 在现有 DOM 中嵌入 famo.us

转载 作者:行者123 更新时间:2023-12-01 23:23:15 29 4
gpt4 key购买 nike

有没有办法在现有的 DOM 结构中创建 famo.us 容器?

我的意思是创建一个 famo.us 上下文和生成的 .famous-container (?),并将其附加到现有元素。

最佳答案

当然。这被问了很多。 As shown in this video by Mike O'Brien at Famo.us这很容易做到。

Example code on jsBin.

var el = document.getElementById('famous-app');

var mainContext = Engine.createContext(el);

var surface = new Surface({
size: [200, 200],
content: "Hello World, I'm Famo.us",
classes: ["red-bg"],
properties: {
lineHeight: "200px",
textAlign: "center",
backgroundColor: 'rgba(0,0,0,0.5)'
}
});

mainContext.add(surface);

在这种情况下,DOM 有一个带有 id='famous-app' 的元素。它可以是您的 DOM 中的任何元素。

  <body>
<div>Not Famous here</div>
<div id="famous-app"></div>
</body>

将其附加到 DOM。

Example 2 code on jsBin.

var el = document.createElement('div');
el.id = 'test';
document.body.appendChild(el);

var mainContext = Engine.createContext(el);

var surface = new Surface({
size: [200, 200],
content: "Hello World,<br/> Famo.us-ly added",
classes: ["red-bg"],
properties: {
lineHeight: "40px",
textAlign: "center",
backgroundColor: 'rgba(255,0,0,0.5)'
}
});

mainContext.add(surface);
  <body>
<div>Not Famous here</div>
</body>

关于famo.us - 在现有 DOM 中嵌入 famo.us,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27365970/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com