JavaFX画布始终在同一位置绘制

JavaFX画布始终在同一位置绘制,java,javafx,canvas,Java,Javafx,Canvas,我试图在画布上画一架飞机并移动它(不知道这是否重要——第二块画布与最后绘制的第一块画布放在网格窗格中的同一位置,如图所示)。我使用了GraphicContextappendSVGPath,成功地定位了飞机: 我添加了一个按钮来测试移动,每次点击x和y增加2,触发重画。确实触发了重画,参数正确,但图形保持不变。我试着测试如果在第二次点击时,我只运行clearRect命令会发生什么,事实上飞机已经被清理了,所以我假设它每次都在同一个位置重新绘制 我错过了什么 public class Airpla

我试图在画布上画一架飞机并移动它(不知道这是否重要——第二块画布与最后绘制的第一块画布放在网格窗格中的同一位置,如图所示)。我使用了
GraphicContext
appendSVGPath,成功地定位了飞机:

我添加了一个按钮来测试移动,每次点击x和y增加2,触发重画。确实触发了重画,参数正确,但图形保持不变。我试着测试如果在第二次点击时,我只运行
clearRect
命令会发生什么,事实上飞机已经被清理了,所以我假设它每次都在同一个位置重新绘制

我错过了什么

public class AirplaneDrawer extends Canvas{
    public double x,y,rotate,lastX,lastY;
    public boolean isFirst = true;

    public void setCords(double x,double y,double rotate) {
        if(x != this.x || y != this.y || rotate != this.rotate) {
            lastX=this.x;
            lastY=this.y;
            this.x = x;
            this.y = y;
            this.rotate = rotate;
            redraw();
        }
    }

    public void redraw() {
        GraphicsContext gc = getGraphicsContext2D();
        String path = new String("M 323.193 226.645 c 39.244 24.41 75.644 47.053 115.706 71.978 c 7.687 -5.443 20.518 -14.485 33.308 -23.596 c 16.733 -11.923 36.27 -11.452 49.046 3.779 c 3.513 4.191 2.568 15.766 -0.705 21.426 c -23.705 40.994 -48.427 81.404 -73.095 121.833 c -4.729 7.745 -9.06 19.278 -21.177 13.509 c -12.203 -5.8 -28.746 -9.521 -27.842 -28.026 c 0.891 -18.185 3.495 -36.292 4.924 -50.249 c -40.704 -19.793 -79.74 -38.778 -119.825 -58.269 c -16.168 17.561 -22.275 40.532 -27.606 64.119 c -8.975 39.719 -18.474 79.324 -28.171 118.881 c -5.593 22.809 -12.452 26.109 -34.167 17.908 c -28.122 -10.606 -31.047 -14.689 -31.318 -45.384 c -0.605 -68.198 -1.514 -136.4 -1.325 -204.593 c 0.045 -15.865 -4.177 -25.531 -19.237 -32.95 c -30.238 -14.884 -60.119 -30.866 -88.548 -48.915 c -13.988 -8.884 -26.951 -21.77 -35.867 -35.727 C 3.526 110.834 15.381 90.43 40.637 91.746 c 17.786 0.931 36.644 4.67 52.618 12.229 c 32.58 15.413 63.735 33.905 95.022 51.921 c 8.735 5.028 15.083 4.992 23.944 0.068 c 64.671 -35.921 129.717 -71.172 194.611 -106.705 c 25.712 -14.075 46.608 -10.335 65.331 12.008 c 10.309 12.302 2.247 20.797 -6.506 28.579 c -35.89 31.91 -72.438 63.093 -107.682 95.687 C 344.877 197.641 334.677 212.878 323.193 226.645 Z");
        double wid = getWidth()/247;
        double hei = getHeight()/152;
        if(!isFirst) {
            gc.rotate(360-rotate);
            gc.scale(50, 50);
            gc.translate(-lastX*wid, -lastY*hei);
        }
        gc.clearRect(0, 0, getWidth(), getHeight());
        gc.translate(wid*x,hei*y);
        gc.scale(0.02,0.02);    
        gc.rotate(rotate);
        gc.appendSVGPath(path);
        gc.setFill(Color.BLACK);
        gc.fill();
        gc.stroke();
        isFirst = false;
    }
}
以及控制器中的按钮处理程序:

public void btnClickHandler(MouseEvent event) {
    airplaneDrawer.setCords(airplaneDrawer.x+2, airplaneDrawer.y+2, 145);
}
以下是FXML文件的一部分:

  <MapDrawer fx:id="mapDrawer" height="237.0" width="256.0" GridPane.columnIndex="1" GridPane.rowIndex="1" >
    <GridPane.margin>
      <Insets left="18.0" top="-5" />
    </GridPane.margin>
  </MapDrawer>
  <AirplaneDrawer fx:id="airplaneDrawer" height="237.0" width="256.0" GridPane.columnIndex="1" GridPane.rowIndex="1" >
    <GridPane.margin>
      <Insets left="18.0" top="-5" />
    </GridPane.margin>
  </AirplaneDrawer>


这是我能使飞机移动的最好方法,您必须更改一些参数以适合您的应用。我在这里移动的是画布
我建议您为地图创建另一个画布。(不确定这是否有效)。 我仍然不明白为什么它在同一个空间上绘制,但是如果您尝试在翻译后附加另一个svg路径(例如在
If
条件下向画布添加
path2
),您将在另一个位置看到第二个平面

public void redraw() {
            GraphicsContext gc = getGraphicsContext2D();
    String path = new String("M 323.193 226.645 c 39.244 24.41 75.644 47.053 115.706 71.978 c 7.687 -5.443 20.518 -14.485 33.308 -23.596 c 16.733 -11.923 36.27 -11.452 49.046 3.779 c 3.513 4.191 2.568 15.766 -0.705 21.426 c -23.705 40.994 -48.427 81.404 -73.095 121.833 c -4.729 7.745 -9.06 19.278 -21.177 13.509 c -12.203 -5.8 -28.746 -9.521 -27.842 -28.026 c 0.891 -18.185 3.495 -36.292 4.924 -50.249 c -40.704 -19.793 -79.74 -38.778 -119.825 -58.269 c -16.168 17.561 -22.275 40.532 -27.606 64.119 c -8.975 39.719 -18.474 79.324 -28.171 118.881 c -5.593 22.809 -12.452 26.109 -34.167 17.908 c -28.122 -10.606 -31.047 -14.689 -31.318 -45.384 c -0.605 -68.198 -1.514 -136.4 -1.325 -204.593 c 0.045 -15.865 -4.177 -25.531 -19.237 -32.95 c -30.238 -14.884 -60.119 -30.866 -88.548 -48.915 c -13.988 -8.884 -26.951 -21.77 -35.867 -35.727 C 3.526 110.834 15.381 90.43 40.637 91.746 c 17.786 0.931 36.644 4.67 52.618 12.229 c 32.58 15.413 63.735 33.905 95.022 51.921 c 8.735 5.028 15.083 4.992 23.944 0.068 c 64.671 -35.921 129.717 -71.172 194.611 -106.705 c 25.712 -14.075 46.608 -10.335 65.331 12.008 c 10.309 12.302 2.247 20.797 -6.506 28.579 c -35.89 31.91 -72.438 63.093 -107.682 95.687 C 344.877 197.641 334.677 212.878 323.193 226.645 Z");

    double wid = getWidth()/247;
    double hei = getHeight()/152;

    if(!isFirst) {
        gc.rotate(360-rotate);
        gc.scale(50, 50);
        setTranslateX(-lastX*wid);
        setTranslateY(-lastY*hei);
        gc.setStroke(Color.BLUE);
        gc.stroke();

    }
    gc.clearRect(0, 0, getWidth(), getHeight());
    System.out.println("x="+x+" y="+y);
    setTranslateX(y*wid);
    setTranslateY(y*hei);
    gc.scale(0.02,0.02);
    gc.rotate(rotate);
    gc.appendSVGPath(path);
    gc.setFill(Color.BLACK);
    gc.fill();
    gc.stroke();

    isFirst = false;

        }
    }

你在哪里初始化x和y?在@CalipsI更改缩放和其他参数之前单击的另一个按钮,你应该将它们更改回来,我想,还要检查填充颜色。我用现在适用于我的代码编辑了这个问题。并在其中添加了一个gif@Yossi