JavaFX和SVG: 绘制一条线

Question

我正在使用JavaFX来渲染一些SVG内容。我定义了许多方法，返回不同SVG形状（椭圆、圆、矩形、线等）的路径。它们中的所有方法似乎都可以正常工作，除了线条方法。JavaFX没有返回错误（这意味着路径可能是正确的），但它没有绘制任何东西。以下是我的方法。

public static SVGPath line(float startX, float endX, float startY, float endY, PositionType positionType)
{
    SVGPath path = new SVGPath();
    path.setContent(positionType.getMoveto()+startX+","+startY+positionType.getLineto("l")+endX+","+endY);    

    return path;    
}

getMoveto() 方法返回 M 或 m，取决于 PositionType，而 getLineto() 返回 L 或 l。

以下是一个示例方法调用：

SVGPath test2 = SVGPrimitives.line(20f, 30.1f, 23f, 89.21f, PositionType.ABSOLUTE);

以下是返回的路径：

M20.0,23.0 L 30.1,89.21

我认为这是有效的，但没有任何东西被绘制出来...

- user740316

Answer 1

一个只包含单条线的 SVGPath 不会围住任何区域，因此不会呈现任何像素。为了看到效果，您可以在路径上使用 setStroke() 方法，该方法“定义绘制在Shape轮廓周围的描边的参数”。

root.getChildren().addAll(line(32), line(48), line(64));
…
private SVGPath line(int size) {
    SVGPath path = new SVGPath();
    path.setStroke(Color.BLUE);
    path.setContent("M0,0L" + size + "," + size + "z");
    return path;
}

同样适用于更复杂的路径，如此处所示。在下面的示例中，请注意以下内容：

• 路径可以作为size函数进行缩放；通过改变包含的Pane的比例可以实现略微不同的效果，如此处所示。

• 为了帮助组合，Java 8使将函数作为参数传递更加容易，如此处建议。

• 可以使用可用的SVG编辑器构造更复杂的路径。

最后，“当面临许多构造函数参数时，请考虑使用构造器”

import java.util.function.IntFunction;
import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.scene.shape.SVGPath;
import javafx.stage.Stage;

/**
 * @see http://www.w3.org/TR/SVG/paths.html
 * @see http://raphaeljs.com/icons/
 */
public class SVGIcons extends Application {

    private static final int SIZE = 16;

    @Override
    public void start(Stage stage) {
        VBox root = new VBox(10);
        root.setAlignment(Pos.CENTER);
        root.setPadding(new Insets(10));
        root.getChildren().add(createRow(this::lines));
        root.getChildren().add(createRow(this::curve));
        root.getChildren().add(createRow(this::arc));
        Scene scene = new Scene(root);
        stage.setTitle("SVGIcons");
        stage.setScene(scene);
        stage.show();
    }

    private HBox createRow(IntFunction<SVGPath> path) {
        HBox row = new HBox(10);
        row.setAlignment(Pos.CENTER);
        for (int i = 2; i < 6; i++) {
            row.getChildren().add(path.apply(i * SIZE));
        }
        return row;
    }

    private SVGPath lines(int size) {
        SVGPath path = new SVGPath();
        path.setFill(Color.ALICEBLUE);
        path.setStroke(Color.BLUE);
        path.setContent("M0," + size + "L" + size / 2 + ",0 "
            + size + "," + size + " " + size / 2 + "," + 2 * size / 3 + "z");
        return path;
    }

    private SVGPath curve(int size) {
        SVGPath path = new SVGPath();
        path.setFill(Color.HONEYDEW);
        path.setStroke(Color.GREEN);
        path.setContent("M0,0Q" + size + ",0,"
            + size + "," + size + "L0," + size + "z");
        return path;
    }

    private SVGPath arc(int size) {
        SVGPath path = new SVGPath();
        path.setFill(Color.MISTYROSE);
        path.setStroke(Color.RED);
        path.setContent("M0,0A" + size / 2 + "," + size
            + ",0,1,0," + size + ",0z");
        return path;
    }

    public static void main(String[] args) {
        launch(args);
    }
}

- trashgod