问题标签 [framerjs]

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.

0 投票
1 回答
453 浏览

javascript - framer.js 工作室 PSD

所以我是新的 framer.js,只是将一个 psd 导入了 framer 工作室。导入很顺利,我可以在右侧看到我的所有图层,我只是不确定如何定位它们。假设我的 psd 文件中有一个名为“footer”的图层,要定位它,我只需执行以下操作:

当我这样做时,我得到一个错误ReferenceError: Can't find variable: footer

我在网上找到的所有视频和教程似乎都比较旧,并且没有使用 Framer Studio,所以它们没有帮助。有什么见解吗??

0 投票
1 回答
671 浏览

javascript - Framer.js Hammer.js 集成

几周前,我从 Koen Bok 发现了这个将 Hammer.js 事件集成到 Framer.js 中的小宝石。但是,它是为较旧版本的 Hammer 制作的,此后该版本已被重写。从理论上讲,我可以通过调整 HammerEvents 很容易地将其移植到新版本,并且对于平移和滑动事件似乎一切正常。但是由于某种原因,我无法使用最新的 Hammer 脚本(2.0.4)来捏合或旋转事件。

这是 Hammer.js 1.1.3 的原始片段:

有人知道出了什么问题吗?非常感谢!

0 投票
2 回答
595 浏览

javascript - Framer.js - 重命名图层

我不知道如何更改我创建的图层的名称。不是layer.name属性,而是图层的实际名称。

例如,我希望打印出 40:

test.name="foo" 不能作为注释行。如果无法在成帧器中完成此名称更改,是否有我错过该功能不存在的特殊原因?

0 投票
6 回答
8787 浏览

framerjs - 使用 framer.js 重复无限动画循环

我正在尝试使用 framer.js 创建一个脉动、循环的动画效果我已经将一个图像加载到一个图层中,我想不断地放大和缩小它。我不知道如何缩小它并无限期地循环播放动画。这是我目前拥有的:

0 投票
1 回答
338 浏览

framerjs - 使用 FramerJs 的不同宽度

我正在尝试在 framerjs 中构建标签,它们可以根据文本具有自动宽度。

可以为图层设置自动宽度或最大宽度

0 投票
1 回答
548 浏览

javascript - Framer.js 阴影

我正在为从草图导入的椭圆添加阴影。

如果我给椭圆添加阴影,椭圆周围会出现一个盒子形状的阴影。非常令人困惑,当我知道该层是椭圆形时。

如果我删除图层,但使图层可拖动,则椭圆的效果很好并且没有方形边缘。

这是我正在使用的阴影代码: mm.Courage.shadowColor = "rgba(0,0,0,0.2)"

0 投票
2 回答
943 浏览

coffeescript - 如何将图像屏蔽到图层中?

这些是我使用 FramerJS 的第一步,我想知道当我用动画缩放图像时如何将图像遮罩到不同的图层中。

谢谢。

0 投票
2 回答
349 浏览

javascript - 如何根据通用类/对象名称而不是 Framer JS 中的唯一层来侦听事件?

我想返回用户单击的对象的唯一名称,但我找不到解决方案。以下是我试图在 CoffeeScript 中实现的目标。

我能找到的最佳示例如下所示,但每一层都是独一无二的,因此不能将它们分配给不同的层。

我可以单独监听每一层的事件,但这会违反 DRY 原则。

0 投票
5 回答
5539 浏览

javascript - 为什么 .toUpperCase() 不起作用?

我对 framer.js 很陌生,我只是在关注一本名为http://coffeescript-for-framerjs.com/#buy的书

fruits[1].toUpperCase()它工作正常

在书中,这是水果而不是水果,我都尝试过,但出现错误

现在我知道toUpperCase()是一个字符串方法,因此它不适用于 Array。但是这本书到底在说什么。

0 投票
2 回答
2023 浏览

javascript - 在 Framer.js 中的每台设备上都适合 Sketch Artboards

我有一个原型,从 Sketch 导入,带有多个 640x1136 的画板。但是当我在 Framer 中运行它时,我希望它适合所有设备。目前它仅适用于 iPhone 5 分辨率。为了让原型在所有设备上工作,我需要做什么?

我尝试让每个画板更大,内容居中,然后运行Framer.Device.fullScreen = true,但比例仍然不正确。有没有办法使用百分比而不是静态像素位置,以便视图相应地适合每个设备?

附件是 6+(不适合)和 5(适合)的屏幕截图。 在此处输入图像描述