問題タブ [radial]
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.
android - Android 放射状グラデーション
LinearLayout バックグラウンドとして次のドローアブル セットを取得しました。
docsによると、gradientRadius はウィンドウ/親サイズのパーセンテージに設定できます。残念ながら...うまくいきません。半径は 0 です。何が間違っていますか? または、Android の何が問題になっていますか?
画面全体を埋めるために放射状グラデーションが必要です。回避策は何ですか?
javafx-2 - サークル内のjavafxレイアウトノード
私はボリュームノブをしようとしています、私はノブを持っています、しかし私は啓発された大きなスポットによって表されるノブの周りにボリュームインジケーターを配置したいと思います。Circle
ノードで試してみました。フレーム内の必要な場所にグループを配置できるようCircle
に、それらすべてをに追加する配列を宣言しました。setTranslateXメソッドとsetTranslateYメソッドGroup
を使用して各円を配置します。Circle
それぞれCircle
に塗りつぶし用の放射状のグラデーションがあり、表示されません。スライダー(ボリュームノブ)の値をCircle
配列内のそれぞれにマップし、valueChangedメソッドを呼び出して、Circle
以下のすべての値を取得し、それぞれを表示するように設定します。Circle
内側の位置に問題がありますGroup
。それらがすべて表示されている場合、それらは完全に配置されていますが、一部のプロパティがfalseに表示される場合、残りの表示されているものはその位置に留まりません。だから私はこれを行うためのより良い設計アプローチを探しています。ありがとうございました。
コード例: サークルの作成
グループ作成
円の配置
ノブの動作
たぶん1つ、ノブの上にグループを追加すると、問題が発生しますか?ノブをルートグループに追加し、サークルグループをノブの上のルートグループに追加します。
サンプル時計の回転方法をサークルに適用する際の問題を部分的に修正しました。しかし、を使用して円のグループを回転させると、まだ問題がありgroup.setRotate(rotation);
ます。すべての円が表示されている場合、円の位置は適切ですが、表示プロパティの変更を開始すると、ノブをスライドさせることで、グループは私が行った場合と同じように動作しgroup.setRotation(0);
ます。最初に設定した回転値が保持されていないようです。
layout - ラジアル スタックの問題
スタック レイアウトとネストを使用して放射状チャート (レーダー チャート) を描画しようとしています (mbostock のアドバイスに従って)。コードはこちら: http://bl.locks.org/3017677目的は、メトリックの 3 つの軸 (軸 1、2、および 3) に沿って積み重ねられた領域を描画することです。領域は、それらのメトリックに沿って最小値、平均値、および最大値にマップされます。最大面積は、最小面積を含む平均面積を含みます。
パスデータ文字列が構築されるまで、計算は本当にうまくいくようです。つまり、レイヤーを入力すると、d.values は正常に見えますが、area(d.values) は多少正しいモーション シーケンスを返しますが、微視的な値 (e-14) を返します。
私が間違っていることをまだ理解していません:)
jquery - jQuery を介して間隔を置いてクラスを適用/削除する Chrome 20.x の問題 (バグ?)
これは、コンピューターのキーボードに頭を打ち付けるのが好きな人のための楽しいものです。
サイト: http://blduke.com.php53-27.dfw1-2.websitetestlink.com
ここのナビゲーションのすぐ下で、楽しい小さな jQuery が行われています。実際にはラジアル メニュー ( plugin ) です。プラグインには、時計回りと反時計回りの回転をトリガーする関数が含まれており、デフォルトではラジアル メニューは表示されません。ラジアル メニューを初期化するコード、すぐに表示するコード、一定間隔で次のローテーションをトリガーするコードを用意しました。最後に、プラグインの API を使用して afterAnimation オプションにフックし、「アクティブな」クラスが「アクティブな」メニュー項目に適用されるようにしました。この図の右側など。リスト項目の「アクティブな」クラスが現在、赤い背景を追加しているだけであることがわかります。
これは、IE8+、Firefox、Safari、および Chrome のバージョン 17.0 ~ 19.0 で完全に機能します。Chrome 20.x では、奇妙な方法で壊れます。
アクティブなクラスは適切なリスト項目にスワップする必要がありますが、ブラウザは新しい項目でアクティブなクラスのレンダリングを遅らせたり、いくつかの時点で完全にスキップしたり、2 つの項目で表示したりするなど、奇妙なことをしています (それが最後にあった項目、および次の項目)
スクリプト エラーはなく、プラグイン dev と同様に困惑しています。誰にもアイデアや洞察はありますか?
私のコード:
android - Add views in a circle (Android)
I would like to add some views in a layout.
How can we put these views in relative or linear layout or any other layout in a circle same as in this image. I would like to do it using code.
css - CSS3 グラデーションを使用した大きなブロック
CSS3 放射状グラデーションを使用してパフォーマンスの高い大きなブロックを実装する方法はありますか? このウェブサイトのように。http://www.medora.ca/wp-content/themes/medora/images/bgNoise4.jpg (3200x1600)
Canvas - 画像生成中に JS をブロックし、タイムアウトを作成します。
CSS3 - FF 13 は大きなグラデーション (3200x1600) でオーバーロードされすぎていました。そのグラデーションが追加されると、タグの単純な CSS3 トランジションでさえ非常に遅くなりました。
SVG - 経験が少なすぎる、あまりテストしない、画像の品質が CSS3 より低かった
VML - IE の場合、未経験
放射状の CSS3 グラデーションを使用してこのような大きなブロックを追加する Chrome では、優れたパフォーマンスが得られると述べました。
目に見える放射状の線なしで放射状のグラデーションを作成するための、CSS3 または canvas の厄介な技術を知っていますか?
リンクの例をいくつか提供していただければ幸いです。
ありがとうございました!
html - Safari でリングまたはバンディングを使用した CSS グラデーション
私はこの問題についていくつか読んできましたが、私は CSS の専門家ではないので、質問したいと思いました。ノイズのある暗い背景画像でこのコードを使用しています。Firefox では見栄えがしますが、Safari ではリングがあります。
ここでは、最初に良い結果、次に悪い結果を確認できます。
誰かがこれについて何ができるかを私に提案できますか? または、リングなしでこの効果を再現する別の方法がある場合は? どうもありがとうございました、
ラジコン
android - ラジアル パイ メニューの実装方法
Android アプリで、ラブラーのメニューのように見えるラジアル/パイ メニューを実装したいと考えています。それはそのようなものであるべきですが、もう少し単純な、別のアクティビティにつながるだけのパイ レイアウトに表示されるボタンです。
これを行うライブラリはありますか?そうでなければ、どうすればこれを行うことができますか?
c# - 半円の放射状メニューを作成する方法について、誰かが私を正しい方向に向けることができますか?
以下は、私が達成したいことの大まかな図です。
それが最終結果です。写真の黒い四角がトグルボタンになります。そのボタンを押すと、半円が表示されます。理想的には、アニメーションが右側から下に来るようにします。メニューの項目は、赤い線の内側に表示されます。
このコントロールの作成をどこから始めるべきかについて指示が必要です。WPF UserControl を作成する必要があることは明らかですが、それを実行するために他に何が必要なのかわかりません。
どんな方向でも役に立ちます。
d3.js - さまざまな形状や異物のD3js衝突検出
私はD3にかなり慣れておらず、力指向グラフの開発を任されていますが、この図は私が見つけた例とは異なり、かなりの数の問題に遭遇したようです。
私はこのようなものを開発しようとしています:
http://www.huzzahstudios.com/images/profile_page_simple.jpg
私がこれまでに抱えている最大の問題は、テキストを含むノードがかなり重なる傾向があり、それらが形成する形状の衝突検出が期待どおりに機能していないように見えることです。
基本的に私は必要です:
これは私がこれまでに持っているものです:http://jsfiddle.net/lucidlyle/SwV9s/4/
現時点では非常に厄介であることがわかるように、この問題についての助けをいただければ幸いです。
ありがとう