主页 / 问题 / 1482317
Accepted
dikiy_opezdal
Asked:2022-12-30 00:01:30 +0000 UTC2022-12-30 00:01:30 +0000 UTC

在 JavaFX Canvas 上绘图

  • 772

我在画布上创建了类似于 Paint on Canvas 的东西，但遇到了一个问题——如果你移动光标太快，那么形状就会被绘制成碎片：

问题演示

是否可以解决此问题，使该行没有空格，就像在 Paint'e 中一样？绘图实现：

canvas.setOnMousePressed(mouseEvent -> {//логика рисования
    gc.setFill(cp.getValue());//определям цвет

    if(brushType.equals("Square")) {
        gc.fillRect(mouseEvent.getX()-brushSize, mouseEvent.getY()-brushSize, brushSize, brushSize);//рисуем

        canvas.setOnMouseDragged(mouseEvent1 -> gc.fillRect(mouseEvent1.getX()-brushSize, mouseEvent1.getY()-brushSize, brushSize, brushSize));//рисуем, если курсор двинулся
    }
    else if(brushType.equals("Circle")){
        gc.fillOval(mouseEvent.getX()-brushSize, mouseEvent.getY()-brushSize, brushSize, brushSize);//рисуем

        canvas.setOnMouseDragged(mouseEvent1 -> gc.fillOval(mouseEvent1.getX()-brushSize, mouseEvent1.getY()-brushSize, brushSize, brushSize));//рисуем, если курсор двинулся
    }
});
java

1 个回答

  1. Best Answer

    它有助于添加一个单独的代码，其中，当移动鼠标时，从前一个光标位置到下一个光标位置绘制一条线：

    canvas.setOnMouseDragged(mouseEvent1 -> {
    gc.lineTo(mouseEvent1.getX(), mouseEvent1.getY());

    gc.stroke();

    gc.moveTo(MouseDragEvent.getX(), MouseDragEvent.getY());
});//рисуем, если курсор двинулся

    以下是我在程序中的实现方式：

    canvas.setOnMousePressed(mouseEvent -> {//логика рисования
    gc.setFill(cp.getValue());//определям цвет
    gc.setStroke(cp.getValue());
    gc.setLineWidth(brushSize);//определяем размер

    if(brushType.equals("Square")) {
        gc.fillRect(mouseEvent.getX()-brushSize, mouseEvent.getY()-brushSize, brushSize, brushSize);//рисуем
    }
    else if(brushType.equals("Circle")){
        gc.fillOval(mouseEvent.getX()-brushSize, mouseEvent.getY()-brushSize, brushSize, brushSize);//рисуем
    }
    else if(brushType.equals("Pencil")) {
        canvas.setOnMouseDragged(mouseEvent1 -> {
            gc.lineTo(mouseEvent1.getX(), mouseEvent1.getY());

            gc.stroke();
        });//рисуем, если курсор двинулся
    }

    gc.moveTo(mouseEvent.getX(), mouseEvent.getY());//обновляем положение курсора, чтобы при следующем нажатии мыши не было лишней линии
});
    • 2

相关问题