问题标签 [famo.us]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Famous 中的 Emit/Subscribe 模式与 Pipe
这两种方法都可以使用,以便一个事件处理程序可以监听来自另一个事件处理程序的事件触发。文档说它们是同一件事,只是实现不同。我想知道为什么框架会为同一任务提供两种不同的方法?可能pipe()
更适合链接,但我想知道使用pipe()
over是否还有其他隐藏的优势emit()/subscribe()
javascript - 点坐标转换为 Famo.us 中的特定表面
我们有一个非常复杂的网络应用程序,内置在流星中。UI 主要在嵌套的 HTML 元素中。现在我们正在尝试使用 Famo.us 重写 UI,以便我们能够获得更好的性能以及添加出色的动画效果。我们应用程序的一个特点是,当用户在元素 A 上拖动时,我们需要根据鼠标事件在 B 中的精确位置来绘制一个新元素 B。也就是说,我们需要计算一个点在 B 中的坐标任何元素,甚至元素都有复杂的变换。我们在 webkit 浏览器中使用了“webkitConvertPointFromPageToNode”函数(我们只支持 webkit。)来完成这项工作。Famo.us 是否具有类似的功能,因此我可以计算特定 Surface 中的点坐标?或者您对如何使用当前 API 完成这些功能有什么建议?
谢谢
famo.us - Famo.us - 如何向 CanvasSurface 添加内容
我刚刚搬到 Famo.us,我认为它具有惊人的潜力。我正在尝试使用 Famo.us 构建一个新应用程序,并将拥有“分层”视图,其中一个内部有一个 CanvasSurface。
我的问题是关于如何填充 CanvasSurface?我已经检查了文档,虽然他们谈论了一些参数选项,但他们并没有告诉你如何。
我有一个视图,我在其中添加一个布局,然后向该布局添加一个 Surface。其他具有 ImageSurfaces 的视图工作正常 - 但我不知道我是否在使用 CanvasSurface 的正确轨道上。
到目前为止,我有:(BackgroundView.js 文件中的一部分)
它运行没有错误,但什么也没显示。CanvasSurface 被渲染......有没有使用 CanvasSurface 的例子或者有没有人有任何想法?
再次感谢您提前提供的帮助。
:)
gruntjs - 如何将文件夹添加到 grunt dist
可能很简单,但我如何确保在我使用“grunt”构建我的应用程序时它包含一个自定义“内容”文件夹,其中我有图像资源等?
目前,当我做“咕噜”时,它只包括“css”、“lib”、“src”和“index.html”
javascript - 将修改器添加到场景
我按照这个例子
https://famo.us/examples/0.2.0/core/scene/example
我试图参考 aModifier
但不确定如何。
所以如果我想改变transform: Transform.translate(10, 10),
,我该如何动态地做到这一点?
opacity - Famo.us - 如何创建具有背景不透明度但不具有文本的表面
我正在尝试创建一些 Famo.us 项目,但该方法存在问题,并想知道是否有人可以提供帮助。
我正在尝试创建一个视图,其中有一个 Surface。我希望该 Surface 的背景是透明的,但我希望 Text 完全可见。
我可以用 2 个相互叠加的 Surface 来解决这个问题,但这听起来很傻,所以想知道是否有人可以提供帮助。我的代码是:
我确实尝试向 Surface 添加一个类,但它似乎忽略了任何背景不透明度。我还尝试在 Surface 的属性中使用“rgb(71,3,101, 0.4)”——就像在普通网站中一样——但这也不起作用。
任何帮助都会很棒:)
谢谢,希望你周末过得愉快。
:)
javascript - Transition.translate 缓动与 SpringTransition
我目前正在对 Famo.us 进行一些试验,实际上有一件事我还无法理解。
在一个小例子中,我尝试创建一个 HeaderFooterLayout,其中标题包含一个简单的左对齐图标。单击它会将其弹回标题的右端。
现在有了一个简单的 Transform.translate,这在我的 Nexus4 和 Nexus 7 上并不像预期的那么顺利,但是把它改成 SpringTransition 真是太棒了。这是代码示例:
所以我在这里不明白的是,与物理驱动的 SpringTransition 相比,为什么 Easing 如此“慢”?
famo.us - Surface{properties:{}}的作用是什么?
{pointerEvents: 'none'} 属于 Surface 的什么位置?
来自 Famo.us 大学的“音色”示例: http ://famo.us/university/ Famous-102/timbre/24/
并来自: http: //famo.us/university/ Famous-102 /timbre/25/
根据 Surface 文档:
http: //famo.us/docs/0.2.0/core/Surface
属性:是
要在目标 div 上设置的HTML属性字符串字典
“PointerEvent 接口”由 W3C
http://www.w3.org/TR/pointerevents/#pointerevent-interface
定义,因此将其包含在属性对象中似乎是合适的。
但是,如果pointerEvents可以在properties对象的内部和外部使用,那么properties对象有什么真正的意义吗?Surface 对象最终是否被展平?
或者 Surface 和 ImageSurface 处理属性的方式不同?我无法从文档中看出。
famo.us - 与 famo.us 中的可拖动内容相关的问题
我在 famo.us 框架中有一个小应用程序。有5张图片。我想要拖动图像。要求就像当我拖动 firstImage 时,第二张图像应该在第一张图像后面可见。我试图在拖动 firstImage 时显示第二张图像,但它隐藏了 firstimage。
那么是否可以在第一张图片后面显示第二张图片?
谢谢
famo.us - 如何使用 famo.us scrollSync 捕捉鼠标滚轮方向?
我想知道使用“famo.us”scrollSync 的车轮方向。
但我无法搜索确切的解决方案。
我的代码如下。请给我一个解决方案。