css - JavaFX のドラッグ可能な要素の CSS

Question

JavaFX アプリケーションにペインがあります。このペインで線を描きますが、パイプのように見えるようにしたいと思います。そのために、CSS ファイルにグラデーションを適用しています。

線の端はドラッグ可能であるため、線を回転させることができます。

問題は、線が回転するとき、適用した CSS グラデーションが線に固執せず、静的なまま (同時に回転しない) であるため、線を垂直から水平に配置すると、スタイルは次のようになります。完全に異なり、間違っています。

これは私が使用しているプロパティです：

myLine {
   -fx-stroke-width: 10;
   -fx-stroke: linear-gradient(#e4fbff 0%,#cee6fb 10%, #a5d3fb 50%, #88c6fb 51%, #d5faff 100%);
}

Answer 1

残念ながら、それが CSS グラデーションのしくみです。ノードの「開始」または「終了」のセマンティクスについては何も知らず、単にあるポイントから別のポイントへと移動します (たとえば、一番上の座標から一番下の座標へ)。

私の知る限り、あなたがやろうとしていることを達成する唯一の方法は、線をドラッグするたびにプログラムで新しい LinearGradient を設定することです.これは計算コストが高くなります.