問題タブ [geometric-arc]

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 投票する
4 に答える
4856 参照

.net - 開始 X/Y および開始 + スイープ角度を使用して ArcSegment の終点を取得する

の終点を計算するための優れたアルゴリズムを持っている人はいますArcSegmentか? これは円弧ではなく、楕円です。

たとえば、次の初期値があります。

  • 始点 X = 0.251
  • 始点 Y = 0.928
  • 幅の半径 = 0.436
  • 高さの半径 = 0.593
  • 開始角度 = 169.51
  • スイープ角度 = 123.78

アークが終了する位置は X=0.92 と Y=0.33 (別のプログラムを介して) あたりであることがわかっていますが、ArcSegment終点を指定してこれを行う必要があります。終点を計算する方法を知る必要があるだけなので、次のようになります。

これを計算する良い方法を知っている人はいますか?(数学は同じでなければならないので、これがWPFまたは他の言語であることは問題ではないと思います)。

これが画像です。終点 (オレンジ色の点) を除いて、すべての値が既知です。 円弧を描いた画像


編集: DrawArc.NET GDI+ のオーバーロードで 呼び出されるルーチンがあることがわかりました。これは、必要なことをほぼ実行します (「かなり」については後で詳しく説明します)。

見やすくするために、次の例を取り上げます。

このルーチンは、エンドポイントを に直接置きX=95, Y=55ます。円形の楕円について言及されている他のルーチンの結果はX=85, Y=29. 1)何も描画する必要がなく、2)e.Graphics.DrawArc終点の座標を返す方法があれば、これが必要です。

これで、質問が明確になりました-e.Graphics.DrawArc実装方法を知っている人はいますか?

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

c - C の pieslice() 関数

関数を使用して、C で主要なパイスライスを描画するにはどうすればよいpieslice()ですか?

pieslice関数を使用して、C で主要なセクターまたはパイスライスを描画しようとしています。開始角度を 135 度、終了角度を 235 度にしたいのですが、同時にマイナー セクターではなくメジャー セクターにする必要があります。

4つの組み合わせをすべて試しました

しかし、それらはすべて、主要なセクターではなく、対応するマイナーなセクターを描画します。誰かが私にそれを行う方法を教えてもらえますか?

出力のスクリーンショットを次に示します。


あなたの努力と時間をありがとう。

さて、私はパイスライスを思い通りに動かすことができませんでした。ただし、次の調整により、問題を回避して目的の出力を得ることができます。slice(int x-centre, int y-centre,int sangle, int eangle, int radius)pieslice に似たユーザー定義関数を作成しました。同様の状況で立ち往生している人に役立つことを願っています:

0 投票する
12 に答える
155865 参照

svg - SVG の円弧パスを使用した円の描画

簡単な質問: SVG パスを使用すると、円の 99.99% を描画して表示できますが、円の 99.99999999% の場合、円は表示されません。どうすれば修正できますか?

次の SVG パスは円の 99.99% を描画できます: ( http://jsfiddle.net/DFhUF/1381/で試してみて、4 つの円弧が表示されるか、2 つの円弧のみが表示されるかを確認してください。ただし、IE の場合はSVG ではなく VML でレンダリングされますが、同様の問題があります)

しかし、それが円の 99.99999999% の場合、何も表示されませんか?

そして、それは 100% の円でも同じです (これはまだ円弧ですよね、非常に完全な円弧です)。

どうすれば修正できますか?その理由は、関数を使用して円弧のパーセンテージを描画するためです。円関数を使用するために 99.9999% または 100% の円弧を「特別なケース」にする必要がある場合、それはばかげています。

繰り返しますが、RaphaelJS を使用した jsfiddle のテスト ケースはhttp://jsfiddle.net/DFhUF/1381/
にあります (IE 8 の VML の場合、2 番目の円でさえ表示されません... に変更する必要があります0.01)


アップデート:

これは、私たちのシステムでスコアの円弧をレンダリングしているためで、3.3 ポイントは円の 1/3 になります。0.5 で半円、9.9 ポイントで 99% の円になります。しかし、私たちのシステムに 9.99 のスコアがある場合はどうなるでしょうか? 円の 99.999% に近いかどうかを確認し、それに応じてarc関数または関数を使用する必要がありcircleますか? では、9.9987 のスコアはどうでしょうか? どちらを使用しますか?どのようなスコアが「完全すぎる円」にマップされて円関数に切り替えられるかを知る必要があり、それが円または 9.9987 スコアの「特定の 99.9%」である場合、弧関数を使用する必要があるのはばかげています。 .

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

android - Android でキャンバスを使用してテキストを回転する方法

Android でキャンバスを使用して円グラフを描画し、以下のコードを使用して、その円グラフの各スライスにテキストを描画します (パス上に円弧を描画します)。今度は、テキストの長さを賢明に描画します。つまり、それぞれの中心から最後までです。スライスなので、開始角度とスイープ角度を使用して円弧を回転させる方法。

ここに画像の説明を入力

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

svg - 円弧から円のサイズを計算しますか?

一連の円弧から円のサイズを計算するにはどうすればよいですか?

具体的には、円を描くこのSVGパス定義があり、そのサイズを計算しようとしています。

参考までに、円は「d」属性で描画されます。M334.293,56.846がこのx、y位置に移動すると、cコマンドは曲線になります。

曲線:

(x1、y1)を曲線の始点の制御点として、(x2、y2)を曲線の終点の制御点として使用して、現在の点から(x、y)まで3次ベジェ曲線を描画します。C(大文字)は、絶対座標が続くことを示します。c(小文字)は、相対座標が続くことを示します。

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

html - HTML5キャンバスに扇形を描く方法は?

キャンバス要素に一種の円グラフの形を作ろうとしていますが、それだけでこれを行う関数が見つからないようです。完全な円とセグメントしか描画できないようです。これを行う簡単な方法はありますか?

(参照:サークル用語に関するウィキペディア

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

geometry - 点(X、Y)が円の円弧セクション(つまりパイスライス)内に含まれているかどうかを判断するにはどうすればよいですか?

円を想像してみてください。パイを想像してみてください。X、Yの提供されたパラメーターがそれらのパイピースの1つに含まれているかどうかを判別するブール値を返そうとしていると想像してください。

アークについて私が知っていること:

CenterX、CenterY、Radius、StartingAngle、EndingAngle、StartingPoint(円周上の点)、EndingPoint(円周上の点)があります。

X、Yの座標が与えられた場合、この座標が円グラフ内のどこかに含まれているかどうかを確認したいと思います。

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

android - Android 2D アーク衝突検出

Android 2D グラフィックスを使用して回転した円弧を描画しています

ゲームの実行中にアークが回転します。

他のゲーム オブジェクト (長方形、円) が衝突しているかどうかを検出する方法を知りたいですか??

ゲームを書くのはこれが初めてです:)

http://hakim.se/experiments/html5/core/01/でこのようなものを見ました

前もって感謝します

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

javascript - canvas.arc が機能しないのはなぜですか?

Web ページの最後に次のコードがあります。

しかし、何も表示されません。正常に動作するため、アーク関数に問題があることはわかっていctx.fillRect(0, 0, 100, 100);ます。

私が間違っていることは何ですか?

(はい、私は JQuery を持っています)

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

javascript - Javascriptキャンバス描画で、arc()の線をどのように削除しますか?

Javascriptでキャンバスに円弧を描画しようとしていますが、Javascriptが自動的に描画する線を削除したいと思います。線が引かれている場合、2つの問題があります:a)fill()の誤動作b)弓のように見える

これが私が持っているものと私が欲しいもののイメージです:アーク 左は私がJSで持っているものであり、右は私がJavaで持っているものです。Javaの実装はかなり非効率的であり、すでに利用可能な関数を使用したいと思います。

関連するJS関数は次のとおりです。

これがJavaで機能する実装です。

だから私の質問:バナナを太い弧に変えるにはどうすればいいですか?