在JavaFX中使用Canvas绘图(Drawing with Canvas in JavaFX)

 想象一下，你有一个canvas实例 
 
Canvas canvas = new Canvas();
 
 我想用GraphicsContext绘制一些pieces 
 
GraphicsContext gc = canvas.getGraphicsContext2D();
 
 这种方法具有创建round pieces的功能，此部分的Color无关紧要，实际上该方法绘制一个circle ，其中需要根据目标对绘图进行一些调整 
 
public void drawRoundPiece(GraphicsContext gc) {
        gc.setFill(Color.BLUE);//text color
        gc.setStroke(Color.BLUE);//text color
        gc.fillOval(50, 50, 50, 50);
        gc.strokeOval(50, 50, 50, 50);
        gc.fill();
        gc.stroke();
    }
 
 这种方法具有circle in middle创建带circle in middle square pieces的功能，该部分的Color无关紧要，实际上该方法绘制了一个square ，其中需要根据目标对绘图进行一些调整。 
 
public void drawSquarePiece(GraphicsContext gc) {
        gc.setFill(Color.YELLOW);//text color
        gc.setStroke(Color.YELLOW);//text color
        gc.fillRoundRect(100, 10, 50, 50, 10, 10);
        gc.fill();
        gc.stroke();
    }
 
 而目标就是将图像画成画面 
 
  
 
 任何帮助？ 

Imagine, you have a canvas instance
 
Canvas canvas = new Canvas();
 
and I wanna draw some pieces with GraphicsContext 
 
GraphicsContext gc = canvas.getGraphicsContext2D();
 
This method has the functionality of creating round pieces, the Color of this part does not matter and in fact the method draws a circle, in which it needed some adjustment for the drawing to go according to the objective
 
public void drawRoundPiece(GraphicsContext gc) {
        gc.setFill(Color.BLUE);//text color
        gc.setStroke(Color.BLUE);//text color
        gc.fillOval(50, 50, 50, 50);
        gc.strokeOval(50, 50, 50, 50);
        gc.fill();
        gc.stroke();
    }
 
This method has the functionality of creating square pieces with circle in middle, the Color of this part does not matter and in fact the method draws a square, in which it needed some adjustment for the drawing to go according to the objective
 
public void drawSquarePiece(GraphicsContext gc) {
        gc.setFill(Color.YELLOW);//text color
        gc.setStroke(Color.YELLOW);//text color
        gc.fillRoundRect(100, 10, 50, 50, 10, 10);
        gc.fill();
        gc.stroke();
    }
 
and the objetive is draw the pieces like image in down
 
 
any help?

原文：https://stackoverflow.com/questions/41970863