Question

我想在我的JavaFX应用程序上显示一个名为logo的svg图形。我决定使用WebView并通过WebView显示图形。

FXML WebView

<WebView fx:id="logo" 
    disable="true" 
    maxHeight="100" 
    minHeight="100"
    minWidth="100" 
    AnchorPane.leftAnchor="0.0" 
    AnchorPane.rightAnchor="0.0"
    AnchorPane.topAnchor="0.0" />

主要控制器类的一部分

@FXML WebView logo = new WebView();

@Override
public void initialize(URL location, ResourceBundle resources) {
    String logoUrl = Main.class.getResource("FILENAME.svg").toExternalForm();
    logo.getEngine().load(logoUrl);
}

图形显示，但大小已关闭。我想让它固定像素高度自动缩放宽度。我的问题是，我只能按照logo.setScaleX(0.8d);和logo.setScaleY(0.8d);因素对其进行缩放，这是不好的，因为我会永远摆弄找到合适的因素，同样在更换svg时需要重新调整，这也是不需要的。

所以，我的问题是：如何将WebView（内容）缩放到固定的像素高度（例如100px），它保持纵横比为宽度？

Answer 1

您是否尝试过使用maxWidht maxHeight或prefWidth prefHeight属性为您服务？

如果没有这项工作，唯一的选择是使用scaleX＆amp;的scaleY。你可以写一些例行程序，为你做这件事。

class WebViewUtil {

    public static void scaleTo(WebView view, Int size) {
        double currentHeight = view.getHeight();
        double currentWidth = view.getWidth();

        double scaleX = size / currentWidth;
        double scaleY = size / currentHeight;
        double scale = Math.min(scaleX, scaleY);

        view.scaleX(scale); view.scaleY(scale);
    }

}

Answer 2

SVG文件的宽度/高度属性有什么要说的吗？如果是这样，您是否尝试将它们设置为100％？

如何将WebView显示SVG缩放到固定像素高度？

2 个答案: