JavaFX CSS在文本上实现这种效果

debugcn 发表于 Dev

smac89

我正在尝试通过使用CSS在Javafx应用程序中设置一些文本样式。我想要达到的效果是这样的：

在此处输入图片说明

我有字体，但这只是我所缺少的效果。这是我的.css文件中包含的文本。

.progress-view .title {
    -fx-font-family: "Bilbo Swash Caps";
    -fx-font-size: 34px;
    -fx-text-fill: white;
    -fx-blend-mode: darken;
    -fx-opacity: 0.8;
    -fx-effect: innershadow(gaussian , rgba(0,0,0,0.2),6,0.0,0,2);
}

我所拥有的效果看起来并不接近于此。通过操纵效果或其他方法也可以实现吗？

谢谢

smac89

使用以下内容，我似乎已经使文字看起来像第二个文字（底部），对我来说已经足够了：

.progress-view .title {
    -fx-font: 60px "Bilbo Swash Caps";
    -fx-fill: white;
    -fx-stroke: black;
    -fx-stroke-width: 2;
    -fx-blend-mode: darken;
}

希望看到另一个烟熏效果，因此请发布找到的所有解决方案。谢谢！

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。