概述
在 JavaFX 应用程序中使用 FlyingSaucer,出于各种原因避免使用 WebView:
FlyingSaucer 使用 Swing,这需要包裹它的
XHTMLPanel
( JPanel
的子类)在 SwingNode
中与 JavaFX 一起使用。一切正常,应用程序实时呈现 Markdown,并且响应迅速。这是一个 demo video在 Linux 上运行的应用程序。问题
Windows 上的文本渲染是模糊的。在
JFrame
中运行时, 没有被 SwingNode
包裹,但仍是视频中显示的同一应用程序的一部分,文字质量完美无瑕。屏幕截图显示了应用程序的主窗口(底部),其中包括 SwingNode
连同前面提到的 JFrame
(最佳)。您可能需要放大“l”或“k”的直边才能看到为什么一个清晰而另一个模糊:这只发生在 Windows 上。通过系统的字体预览程序在 Windows 上查看字体时,字体会使用 LCD 颜色进行抗锯齿处理。该应用程序使用灰度。我怀疑如果有办法强制渲染使用颜色进行抗锯齿而不是灰度,问题可能会消失。再说一次,在它自己的
JFrame
中运行时,没有问题,不使用 LCD 颜色。代码
这是
JFrame
的代码有一个完美的渲染: private static class Flawless {
private final XHTMLPanel panel = new XHTMLPanel();
private final JFrame frame = new JFrame( "Single Page Demo" );
private Flawless() {
frame.getContentPane().add( new JScrollPane( panel ) );
frame.pack();
frame.setSize( 1024, 768 );
}
private void update( final org.w3c.dom.Document html ) {
frame.setVisible( true );
try {
panel.setDocument( html );
} catch( Exception ignored ) {
}
}
}
模糊代码 SwingNode
有点复杂(参见 full listing ),但这里有一些相关的片段(注意 HTMLPanel
从 XHTMLPanel
延伸只是为了在更新期间抑制一些不需要的自动滚动):private final HTMLPanel mHtmlRenderer = new HTMLPanel();
private final SwingNode mSwingNode = new SwingNode();
private final JScrollPane mScrollPane = new JScrollPane( mHtmlRenderer );
// ...
final var context = getSharedContext();
final var textRenderer = context.getTextRenderer();
textRenderer.setSmoothingThreshold( 0 );
mSwingNode.setContent( mScrollPane );
// ...
// The "preview pane" contains the SwingNode.
final SplitPane splitPane = new SplitPane(
getDefinitionPane().getNode(),
getFileEditorPane().getNode(),
getPreviewPane().getNode() );
最小工作示例这是一个相当小的自包含示例:
import javafx.application.Application;
import javafx.application.Platform;
import javafx.embed.swing.SwingNode;
import javafx.scene.Scene;
import javafx.scene.control.SplitPane;
import javafx.stage.Stage;
import org.jsoup.Jsoup;
import org.jsoup.helper.W3CDom;
import org.xhtmlrenderer.simple.XHTMLPanel;
import javax.swing.*;
import static javax.swing.SwingUtilities.invokeLater;
import static javax.swing.UIManager.getSystemLookAndFeelClassName;
import static javax.swing.UIManager.setLookAndFeel;
public class FlyingSourceTest extends Application {
private final static String HTML = "<!DOCTYPE html><html><head" +
"><style type='text/css'>body{font-family:serif; background-color: " +
"#fff; color:#454545;}</style></head><body><p style=\"font-size: " +
"300px\">TEST</p></body></html>";
public static void main( String[] args ) {
Application.launch( args );
}
@Override
public void start( Stage primaryStage ) {
invokeLater( () -> {
try {
setLookAndFeel( getSystemLookAndFeelClassName() );
} catch( Exception ignored ) {
}
primaryStage.setTitle( "Hello World!" );
final var renderer = new XHTMLPanel();
renderer.getSharedContext().getTextRenderer().setSmoothingThreshold( 0 );
renderer.setDocument( new W3CDom().fromJsoup( Jsoup.parse( HTML ) ) );
final var swingNode = new SwingNode();
swingNode.setContent( new JScrollPane( renderer ) );
final var root = new SplitPane( swingNode, swingNode );
// ----------
// Here be dragons? Using a StackPane, instead of a SplitPane, works.
// ----------
//StackPane root = new StackPane();
//root.getChildren().add( mSwingNode );
Platform.runLater( () -> {
primaryStage.setScene( new Scene( root, 300, 250 ) );
primaryStage.show();
} );
} );
}
}
来自最小工作示例的模糊捕获;放大显示字母边缘被严重抗锯齿而不是鲜明的对比:
使用
JLabel
也表现出相同的模糊渲染: final var label = new JLabel( "TEST" );
label.setFont( label.getFont().deriveFont( Font.BOLD, 128f ) );
final var swingNode = new SwingNode();
swingNode.setContent( label );
尝试以下是我尝试消除模糊的大部分方法。
java
在 Java 方面,someone suggested使用以下方法运行应用程序:
-Dawt.useSystemAAFontSettings=off
-Dswing.aatext=false
无文rendering hints有帮助。设置
SwingNode
的内容内SwingUtilities.invokeLater
没有效果。JavaFX
别人 mentioned关闭缓存有帮助,但这是针对 JavaFX
ScrollPane
, 不是 SwingNode
中的一个.它没有用。JScrollPane
包含在 SwingNode
将其对齐 X 和对齐 Y 分别设置为 0.5 和 0.5。确保半像素偏移为 recommended elsewhere .我无法想象设置 Scene
使用 StrokeType.INSIDE
会有所作为,尽管我确实尝试使用 1 的笔触宽度无济于事。飞碟
飞碟有多个configuration options .各种设置组合包括:
java -Dxr.text.fractional-font-metrics=true \
-Dxr.text.aa-smoothing-level=0 \
-Dxr.image.render-quality=java.awt.RenderingHints.VALUE_INTERPOLATION_BICUBIC
-Dxr.image.scale=HIGH \
-Dxr.text.aa-rendering-hint=VALUE_TEXT_ANTIALIAS_GASP -jar ...
xr.image.
设置只影响 FlyingSaucer 渲染的图像,而不影响 FlyingSaucer 的输出如何在 SwingNode
中由 JavaFX 渲染。 .CSS 使用磅来表示字体大小。
研究
SwingNode
和 JScrollPane
. 作为针对 OpenJDK/JavaFX 的错误被接受:
JDK 和 JRE
使用 Bellsoft的 OpenJDK 与 JavaFX 捆绑在一起。据我所知,OpenJDK 支持 Freetype 已经有一段时间了。此外,该字体在 Linux 上看起来很棒,所以它可能不是 JDK。
屏幕
以下屏幕规范显示了这个问题,但其他人(毫无疑问,在不同的显示器和分辨率上观看)已经提到了这个问题。
题
为什么飞碟的
XHTMLPanel
当包裹在 SwingNode
内时在 Windows 上变得模糊,但仍显示相同的 XHTMLPanel
在 JFrame
在同一个 JavaFX 应用程序中运行看起来很清晰?如何解决问题?问题涉及
SplitPane
.
最佳答案
尽管我不得不承认我不了解 FlyingSaucer 及其 API,但您可以尝试一些选项。
FlyingSaucer 有不同的渲染器。因此,可以通过使用此库来完全避免 Swing/AWT 渲染,以便直接在 JavaFX 中进行所有渲染。 https://github.com/jfree/fxgraphics2d
另一种可能性是让 FlyingSaucer 渲染成可以通过直接缓冲区非常有效地在 JavaFX 中显示的图像。在此处查看我的存储库中的 AWTImage 代码:https://github.com/mipastgt/JFXToolsAndDemos
关于java - Windows 上 JavaFX 中 SwingNode 的模糊渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63444771/