JavaFX：如何使用GraphicsContext方法appendSVGPath（String svgpath）

Question

我正在开发一个使用SVG的项目。目前，该程序将SVG存储为FXML文件中的SVGPath对象。然后将该文件加载到一个组中，然后将该组添加到屏幕中。在FXML文件中，大约有300个这样的SVGPath。我认为最终意味着场景图上有300个节点。

我最终必须扩大SVGPath的数量并且担心在场景中放置更多节点，所以我开始考虑使用Cavas / GraphicsContext。

GraphicsContext有一个方法appendSVGPath（String svgpath）我认为我可以用来在cavas上绘制我的SVG，但是没有任何运气让它们出现。

我使用Oracle的CanvasTest.java文件作为起点： http://docs.oracle.com/javafx/2/canvas/jfxpub-canvas.htm

我修改了文件以包含以下方法：

private void appendSVG(GraphicsContext gc) {
     SVGPath svg = new SVGPath();
     svg.setContent("M 100 100 L 300 100 L 200 300 z");
     svg.setFill(Color.RED);
     svg.setStroke(Color.BLUE);
     gc.appendSVGPath(svg.getContent());
}

但是我不能让形状出现在画布上。

这里有完整的测试代码：

package canvastest;

import javafx.application.Application;
import static javafx.application.Application.launch;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.canvas.Canvas;
import javafx.scene.canvas.GraphicsContext;
import javafx.scene.paint.Color;
import javafx.scene.shape.SVGPath;
import javafx.stage.Stage;

public class CanvasTest extends Application {

private Canvas canvas = new Canvas(200, 200);
private GraphicsContext gc = canvas.getGraphicsContext2D();
private Group root = new Group();

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

@Override
public void start(Stage primaryStage) {
    primaryStage.setTitle("Canvas Test");

    appendSVG(gc);

//        SVGPath svg = new SVGPath();
//        svg.setContent("M 100 100 L 300 100 L 200 300 z");
//        svg.setFill(Color.RED);
//        svg.setStroke(Color.BLUE);

    root.getChildren().add(root);
    primaryStage.setScene(new Scene(root, 400, 400));
    primaryStage.show();
}

private void appendSVG(GraphicsContext gc) {
    SVGPath svg = new SVGPath();
    svg.setContent("M 100 100 L 300 100 L 200 300 z");
    svg.setFill(Color.RED);
    svg.setStroke(Color.BLUE);
    gc.appendSVGPath(svg.getContent());
}
}

如果我从开始取消注释SVG部分，只需将svg添加到root，则会显示svg。

有没有人使用appendSVGPath取得任何成功？

Answer 1

Canvas不像场景图，抚摸和填充路径不会自动发生。相反，您需要将路径段提供给画布，然后显式调用fill()或stroke()以应用这些操作。有关更多信息，请参阅＆＃34;路径渲染＆＃34; GraphicsContext javadoc前面的部分。

import javafx.application.Application;
import javafx.scene.*;
import javafx.scene.canvas.*;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class CanvasTest extends Application {

    private Canvas canvas = new Canvas(200, 200);
    private GraphicsContext gc = canvas.getGraphicsContext2D();

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

    @Override
    public void start(Stage stage) {
        appendSVG(gc);

        stage.setScene(new Scene(new Group(canvas)));
        stage.show();
    }

    private void appendSVG(GraphicsContext gc) {
        gc.setFill(Color.RED);
        gc.setStroke(Color.BLUE);
        gc.appendSVGPath("M 50 50 L 150 50 L 100 150 z");
        gc.fill();
        gc.stroke();
    }
}