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 - 这在计算上会很昂贵。