如何在不丢失纵横比的情况下将图像放入 Shape 中？

Question

我想从计算机中选取图像并将其放入一个圆圈 (JavaFX) 中，但它不断将纵横比更改为 1:1，我不知道该怎么做，也许还有另一种方法这样做，但我对 JavaFX 了解不多，而且我在这里找不到其他任何东西。

有this image, with an aspect ratio of 4:3, it changes the aspect ratio to 1:1 (this).

这是“onClick”方法的代码：

@FXML
public void handleUploadImage(MouseEvent event) {
    FileChooser fileChooser = new FileChooser();

    //Extensiones soportadas de imagen
    FileChooser.ExtensionFilter extFilterjpg
            = new FileChooser.ExtensionFilter("jpg files (*.jpg)", "*.jpg");
    FileChooser.ExtensionFilter extFilterpng
            = new FileChooser.ExtensionFilter("png files (*.png)", "*.png");
    FileChooser.ExtensionFilter extFilterjpeg
            = new FileChooser.ExtensionFilter("jpeg files (*.jpeg)", "*.jpeg");

    fileChooser.getExtensionFilters().addAll(extFilterjpg, extFilterpng, extFilterjpeg);
    //Menu de seleccion de imagen
    File file = fileChooser.showOpenDialog(null);

    Image image  = new Image(file.toURI().toString());
    circleImage.setFill(new ImagePattern(image, circleImage.getCenterX()-circleImage.getRadius(), circleImage.getCenterY()-circleImage.getRadius(), 2*circleImage.getRadius(), 2*circleImage.getRadius(), false)); //circleImage.setFill(new ImagePattern(image)); -> do the exact same thing
}

Answer 1

我看到了 2 个解决方案，可能没有您预期的那么简单。

1- 首先创建一个正方形居中图像

Image square(Image img) {
    if (img.getHeight() == img.getWidth()) {
        return img;
    }
    // Smallest length
    int size = (int) (img.getWidth() > img.getHeight() ? img.getHeight() : img.getWidth());
    // left shift
    int x = ((int) img.getWidth() - size) / 2;
    // top shift
    int y = ((int) img.getHeight() - size) / 2;
    return new WritableImage(img.getPixelReader(), x, y, size, size);
}

照原样画。

2- 将图像绘制到圆圈外一点

ImagePattern pattern(Image img, double radius) {
    double hRad = radius;   // horizontal "radius"
    double vRad = radius;   // vertical "radius"
    if (img.getWidth() != img.getHeight()) {
        double ratio = img.getWidth() / img.getHeight();
        if (ratio > 1) {
            // Width is longer, left anchor is outside
            hRad = radius * ratio;
        } else {
            // Height is longer, top anchor is outside
            vRad = radius / ratio;
        }
    }
    return new ImagePattern(img, -hRad, -vRad, 2 * hRad, 2 * vRad, false);
}

如何在不丢失纵横比的情况下将图像放入 Shape 中？

How can I put an image into a Shape without losing its aspect ratio?

java

javafx

1- 首先创建一个正方形居中图像

2- 将图像绘制到圆圈外一点