1

Создал что-то по типу Paint'a на 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));//рисуем, если курсор двинулся
    }
});
4
  • Не претендую на правильный ответ, никогда не делал графических редакторов в JavaFX, но думаю она слабо под это предназначена. В том же Photoshop тоже есть такой эффект, только наблюдается при очень большом приближении, и сглаживается настройками. Для рисования, всё же, нужно в GLSL лезть. Могу быть очень неправ, если что меня поправят.
    – DiMithras
    29 дек 2022 в 17:05
  • Впрочем, вот возможно выход. Код как у Вас, setOnMOuseDragged и тоже не хватает onMousePressed(MouseEvent) из ответа. Ссылки на сторонний ресурс.
    – DiMithras
    29 дек 2022 в 17:10
  • Спасибо, мне вполне подходит такой вариант. 29 дек 2022 в 19:59
  • оформите в ответ? На случай если ресурс по ссылкам будет недоступен, возможно кому-то этот ответ тоже поможет.
    – DiMithras
    29 дек 2022 в 20:03

1 ответ 1

2

Помогло добавление отдельного кода, в котором при движении мыши рисуется линия от прошлого положения курсора к следующему:

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());//обновляем положение курсора, чтобы при следующем нажатии мыши не было лишней линии
});

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.