問題タブ [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 に答える
671 参照

javascript - Framer.js Hammer.js 統合

数週間前に、Hammer.js イベントを Framer.js に統合する Koen Bok のこの小さな宝石を見つけました。ただし、これは以前のバージョンの Hammer 用に作成されており、その後書き直されています。理論的には、HammerEvents を適応させることで、非常に簡単に新しいバージョンに移植できます。パンとスワイプのイベントでは、すべてが正常に機能しているようです。しかし、何らかの理由で、最新のハンマー スクリプト (2.0.4) で動作するようにイベントをピンチまたは回転させることができません。

これは、Hammer.js 1.1.3 の元のスニペットです。

誰が何が悪いのか考えていますか?本当にありがとう!

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 に答える
349 参照

javascript - Framer JS の一意のレイヤーではなく、共通のクラス/オブジェクト名に基づいてイベントをリッスンするにはどうすればよいですか?

ユーザーがクリックしたオブジェクトの一意の名前を返したいのですが、解決策が見つかりません。以下は、私が達成しようとしているものですが、CoffeeScriptです。

私が見つけた最良の例を以下に示しますが、各レイヤーは一意であるため、異なるレイヤーに割り当てることはできません。

各レイヤーのイベントを個別に聞くことができますが、それは DRY 原則に違反します。

0 投票する
5 に答える
5539 参照

javascript - .toUpperCase() が機能しないのはなぜですか?

私はframer.jsを初めて使用し、書かれている http://coffeescript-for-framerjs.com/#buyという本をたどっています。

fruits[1].toUpperCase()正常に動作していました

ここの本では、果物ではなく果物です。両方を試しましたが、エラーが発生しました

toUpperCase ()は文字列メソッドであるため、配列では機能しないことがわかりました。しかし、ここで本が正確に言っていることは何ですか。

0 投票する
2 に答える
2023 参照

javascript - Framer.js ですべてのデバイスにスケッチ アートボードを合わせる

640x1136 の複数のアートボードを使用して、Sketch からインポートしたプロトタイプを作成しました。しかし、Framer で実行するときに、すべてのデバイスに適合するようにしたいと考えています。現在、iPhone 5 の解像度にのみ適合します。プロトタイプをすべてのデバイスで動作させるには、どうすればよいですか?

各アートボードを大きくして、コンテンツを中央に配置してから実行してみましFramer.Device.fullScreen = trueたが、比率はまだずれています。ビューが各デバイスに収まるように、静的なピクセル位置ではなくパーセンテージを使用する方法はありますか?

添付のスクリーンショットは、6+ (適合しない) でどのように見えるか、5 (適合) でどのように見えるかのスクリーンショットです。 ここに画像の説明を入力