問題タブ [geometric-arc]

これに対する解決策は非常に単純だと思います。これが痛々しいほど明白な場合は事前に謝罪しますが、2つの異なる円弧に2つの異なるfillStylesを設定する方法がわからないようです...カラーサークル。以下に、キャンバス内の他の図形/描画方法で通常行う方法を示しますが、何らかの理由で円弧を使用すると、両方の円弧が最後のfillStyleに設定されます。

<path/>SVGの属性のArcTo命令について私が見たすべてのドキュメントはd、最初の2つの引数を円弧のxおよびy半径として示しています。

以前は、遊んでいましたが、FF8とSafari 5では、それは道のように見えました

とパス

同じようにレンダリングされます。もう少し遊んでみると、実際に使われているのはとの比率のようでしrxたry。これは理にかなっていますが（現在の位置が離れている場合は他に何をするのでしょうか2r）、どこかで公式に文書化されていますか？

この動作に頼ることができれば、xとyの半径を手動で計算する必要がなく、代わりにそれらの比率を指定するだけでよいのです。

Javaでカラーペトリネットを実装しています。これは一種の有限状態オートマトンです。問題は、「バインディング」を実装する方法がわからないことです。つまり、場所に色を割り当て、円弧に円弧式を割り当てる必要があります。遷移が実行された後、ネットは新しい状態になります。そのため、アークに関数を割り当てる方法がわかりません。
ここではカラーペトリネットの基本を説明したくないので、私の質問が明確であることを願っています。誰かがカラーペトリネットのJavaコードをサンプリングするためのWebリンクを提供したり、アークに関数を割り当てる方法についてアイデアを提供したりしていただければ幸いです。

楕円の円周だけを描きたい。私はこれを使用します：

しかし、私は常に塗りつぶされた楕円形になります。私は何を間違っていますか？

グラデーション塗りつぶしを使用してキャンバスを使用して弧を描きたいです。どうすればこれを達成できますか？

これが私の擬似コードです：

KineticJSライブラリを使用して、作成する形状を制御し、必要に応じて再描画しています。私の問題は、上記のコードがまったく機能しないことです。私は数学が間違っていると思います。なぜなら、私radiansが次のようなものに変更すると4.0 * Math.PI、円全体が描画されるからです。

参考までにHTML5CanvasArcチュートリアルを使用しています。

実際の円弧の描画については、このjsFiddleの投稿を参照してください。以前の質問を修正してくれたSimon Sarrisに感謝します。

KineticJSプラグインを使用して形状を作成し、イベント ハンドラーを利用しています。円弧のどこかをクリックし、円弧がクリックした場所 ( x、y) を知っていると仮定すると、これら 2 つの座標を使用してパーセンテージを決定するにはどうすればよいでしょうか?

任意の場所をクリックすると、合計パーセンテージは常に 100% になります。

加える

これをより簡単にするために、( x, y) オブジェクトを仮想的に曲げてx0 から最大にするにはどうすればよいxでしょうか?

ある色から別の色に徐々に変化する弧 (可変度数) を作成しようとしています。青から赤への例から：

これは私のコードです:

しかし、その結果、アーク全体が同じ色でペイントされます。

編集:
さらに実験を重ねた結果、色の広がりは円弧の角度によって決まることがわかりました。小さな角度で円弧を描くと、最初の色だけが表示されます。角度が大きいほど、より多くの色が描画されます。角度が小さいと勾配がないように見えます。
ここに例があります。90、180、270、360 の 4 つの円弧を描いています。

結果は次のとおりです。

赤が弧の始点にあり、青が終点にあり、その間のすべてが角度に関係なく均等に広がると予想していたので、これは驚くべきことです。
位置パラメーターを使用して手動で色の間隔を空けようとしましたが、結果は同じでした:

これを解決する方法はありますか？

楕円上に円弧を描きたい。曲線を使用して円弧を描く方法がわかりません。直接円弧法で円弧を描くことは、円に円弧を描くためのものであるため、役に立ちません(目的c)

さらに検索すると、制御点を使用して楕円弧を描くことができることがわかりました。円弧の制御点を見つける方法。

私は楕円の中心点（2つの焦点では​​ない）、開始角度、終了角度、楕円上で角度が交わる2つの点を知っています。これらから、2 つのコントロール ポイントを見つける方法を教えてください。

またはこれを解決するために他に何が欠けているか

前もって感謝します

評判が悪いので画像をアップロードできません。これを確認してください：https://s3.amazonaws.com/abduBla/testfile.png

とりあえず。楕円は長方形を使用して描画されます。コントロールポイントを取得するために見つけなければならないすべての値。コントロール ポイントを見つけるための最小かつ最も簡単な方法は何ですか?

HTML5/CSS (または JS) でエミュレートする方法はありますか?