問題タブ [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.

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

iphone - iOS用のパイ(放射状)メニュー

iOSアプリケーションのパイ(放射状)メニューを作成するために使用できるライブラリ(オープンソースまたはその他)を知っている人はいますか?

ここに画像の説明を入力してください

誰かがこれを考えるべきだったようです、そして私がそうする必要がなければ、私は自分自身を転がしたくありません。

0 投票する
1 に答える
585 参照

performance - drawrectで「CGContextDrawRadialGradient」の複数の使用を高速化する最良の方法は?

画像を投稿できませんでしたが、「CGContextDrawRadialGradient」メソッドを使用して、影付きの青いボール (直径 40 ピクセルまで) を描画し、ボールの周りに「パルス状の」白いリングを作成します (指輪)。リングは青いボールの端から始まり、外側に広がります (半径はタイマーで大きくなります)。白いリングは電波のように外側に広がりながら消えていきます。

シミュレーターでの実行は素晴らしいように見えますが、iPhone 4 での実行は非常に遅くなります。リングは (シミュレーターのように) 約 1 秒でパルスするはずですが、電話では 15 ~ 20 秒かかります。CALayer、CGLayer について少し読んで、いくつかのグラデーション アニメーションのセグメントを読んでいますが、最高のパフォーマンスを得るために何を使用すべきかは明確ではありません。

どうすればこれを高速化できますか。ボールをレイヤーに配置し、拡大するリングを別のレイヤーに配置する必要がありますか? もしそうなら、drawrect で更新するレイヤーをどのように知ることができますか?

ガイダンスに感謝します。ありがとう。

0 投票する
3 に答える
2505 参照

css - CSS3の放射状グラデーション

CSSで線形グラデーションを作成した経験はありますが、この画像のような放射状グラデーションを作成したいと思います http://i.stack.imgur.com/T85xO.png

基本的に、要素の下部に配置されたライトグレーの放射状

0 投票する
4 に答える
4726 参照

image - 2D画像上の点(x、y)を3D空間にどのようにマッピングしますか?(イラスト提供)

画像のスタック(約180枚)があり、すべての画像に2つの星(基本的な注釈のみ)があります。したがって、2つの星の位置(x、y)が最初に提供されます。これらすべての画像のサイズは固定されており、一定です。

画像間の「距離」は約1 °で、原点はすべての2D画像の中心(幅/ 2、高さ/ 2)になります。これをうまくプロットして補間すると、星は実際には不規則な形のリングを形成することに注意してください。

ここに画像の説明を入力してください

赤い点線の円と紫の点線の円は、3D空間のより強い香りと2D画像の配置(扇風機のような)を与えるためにあります。また、各スライスが約1 °離れていることも示しています

  1. 2D画像に表示された提供された(x、y)を使用して、各画像が約1 o離れていることを知って、3D空間で対応する(x、y、z)をどのように取得しますか?

  2. MATLABには3Dプロット機能があることを知っていますが、上記のシナリオのソリューションを実装するにはどうすればよいですか?(残念ながら、MATLABで3Dをプロットした経験はほとんどありません)

解決

受け入れられた答えに基づいて、私はもう少し調べました:球面座標系。ファイ、ロー、シータの計算に基づいて、問題なくリングを再構築できました。うまくいけば、これは同様の問題を抱えている人に役立つでしょう。

ここで解決策も文書化しました。それが誰かにも役立つことを願っています:http: //gray-suit.blogspot.com/2011/07/spherical-coordinate-system.html

0 投票する
1 に答える
514 参照

iphone - CoreGraphicsを使用してiPhoneで放射状データを描画する

CoreGraphicsを使用して、地図上にレーダーデータを描画しようとしています。以前は、個々のデータポイントの周りにパスを作成し、適切な色を塗りつぶして、各データポイントを個別に描画しようとしていました。したがって、この方法では、4つのロケーションポイントと各データポイントのデータ値が必要でした。各画像に30,000から80,000のデータポイントがあるため、この方法で行うとコストがかかりすぎることがわかりました。

レーダーデータはラジアル形式で保存されます(360ラジアル、それぞれに230データポイントが含まれます)。したがって、すべてのデータポイントをループする代わりに、ラジアルのみをループします。そして、各データポイントの周りのパスの代わりに、各ラジアルの周りのパスがあります。次に、その特定のグラデーションの色の配列を使用して、線形グラデーション(CGGradientCreateWithColors)を作成および描画します。

この方法は以前よりもはるかに高速に描画されますが、それでも十分な速度ではありません。もう1つの問題は、ズームインしたときのデータの「滑らかさ」です。グラデーションは放射状のすべてのデータポイント間でブレンドされるため、個々のピクセルを見ることができません。私はそれがこれをすることを望まない。これが私の最大のパフォーマンスヒットの原因だと思います(各データポイント間の勾配を計算します)。むしろ、各データポイントを個別の色として描画したいと思います。これは見栄えが良く、パフォーマンスも向上するはずです。

パスに色の配列を提供して(グラデーションで行ったのと同様)、それらを個別に描画する方法はありますか?個々のデータポイントの描画に戻らなくても、これを描画できる必要があります。

よろしくお願いします、ロス

編集

最初の図は、(各データポイントを個別に描画することによって)描画を行っていた元の方法です。これが私が最終的にどのように見えるかです。

2番目の図はグラデーションです。これは以前よりも効率的ですが(十分に効率的ではありません)、正しく見えません。

これ

これはグラデーションを使用しています。 個々のデータポイントを表示するのではなく、ラジアルに沿って色がどのように混ざり合っているかに注目してください。

0 投票する
1 に答える
888 参照

android - キーボードが画面に表示されると、Androidの放射状グラデーションの背景が変化します

現在、次のコードを使用して、ビューの背景に放射状のグラデーションを適用しています。

この問題は、ソフトキーボードが画面に表示されているときに発生し、ビューのサイズが変更され、小さい方のビューに合わせてグラデーションが再描画されます。

背景に画像を使用せずに、放射状のグラデーションが変化していないように見えるように、これを停止する方法はありますか?使ってみandroid:centerXましandroid:centerYたが、ディップの点でセンターを与えることができません。

質問が明確でない場合は、問題を説明する画像を投稿できます。

よろしくお願いします。

0 投票する
1 に答える
368 参照

iphone - 放射状グラデーション間のトゥイーン

私はiOSプログラミング用のObjectiveCを初めて使用するので、よろしくお願いします:-)。

iOSに移植したいAndroid(Java)アプリのアプリがあります。Androidでは、XML形状で定義された3つの放射状グラデーション背景(赤-黒、緑-黒、青-黒)があり、ループアニメーションで3つの間を簡単に変換できます。

iOSでも同じことをしたいです。

これまで私は読んだ:

CAGradientLayer、CAGradient、CGGradient

..そして私は完全に混乱しています。

誰かが3つの放射状グラデーション間でアニメーション化するための最良の方法を説明できますか?これはコーディングするか、PNGを使用する必要がありますか?

ありがとう

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

css - LESS の放射状グラデーション ミックスインが機能していませんか?

less に精通している場合は、この問題を解決していただけませんか? 簡単なテスト ケース用に放射状グラデーション ミックスインを作成しています。しかし、両方が機能していませんか?

また

理由は?

ありがとう!


ああ!わかった。パラメータに「,」を追加するのを忘れていました。

これが正しい方法です。

0 投票する
1 に答える
20992 参照

c++ - OpenCVを使用して画像から放射状の歪みを取り除く方法は?

歪みを取り除くために使用する必要があると思いますが、これを達成するためにcv::remapマップがどうあるべきかわかりません。const Mat& map1, const Mat& map2

cv::initUndistortRectifyMap値を調べるために を使用する必要がありますか? もしそうなら、私は本当に例をいただければ幸いです。固有のカメラ パラメータがないか、計算方法がわかりません。ありがとう。