Михаиллл
МихаилллJune 11, 2019, 3:01 a.m.

Как в QGraphicsScene стирать старый рисунок при рисовании нового рисунка поверх старого рисунка

QGraphicsScene

Добрый день.
При рисовании в QGraphicsScene непрозрачным цветом, я рисую поверх старого рисунка. При рисовании прозрачным цветом, прозрачный цвет не виден, он остается под старым рисунком(наверно). Как при рисовании стирать старый рисунок и показывать новый?
Рисую как в статье: Qt/C++ - Урок 021. Рисование мышью в Qt

We recommend hosting TIMEWEB
We recommend hosting TIMEWEB
Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.

Do you like it? Share on social networks!

17
Evgenii Legotckoi
  • June 11, 2019, 4:22 a.m.

Добрый день.

Давайте для начала определимся, что значит рисовать прозрачным цветом? Если вы рисуете каким-то цветом и он прозрачный, то это одно. А если вы стираете, или думаете что стираете картинку, то это совершенно другое. Это другой инструмент. Там нужно реализовывать логику для удаления части изображения.

    Evgenii Legotckoi
    • June 11, 2019, 4:23 a.m.

    И зачем вы тему добавили в PyQt5 раздел, если вопрос чисто по Qt/C++

      Михаиллл
      • June 11, 2019, 4:43 a.m.

      Извините, с разделом ошибся.
      Сначало я нарисовал сцен этим QPen

          myPen.setWidth(20);
          myPen.setColor(Qt::green);
          myPen.setCapStyle(Qt::RoundCap);
          myPen.setStyle(Qt::SolidLine);
      

      Потом рисую этим QPen

          myPen.setWidth(20);
          myPen.setColor(Qt::green);
          //myPen.setColor(QColor(255, 0, 0, 10));
          myPen.setCapStyle(Qt::RoundCap);
          myPen.setStyle(Qt::SolidLine);
      

      Там , где я не рисовал сплошным цветом, виден цвет QColor(255, 0, 0, 10), но там где рисовал Qt::green, там не виден QColor(255, 0, 0, 10).
      И если много раз провести на одном месте QColor(255, 0, 0, 10), то прозрачность меняется в сторону уменьшения прозрачности, видимо цвета накладываются друг на друга.
      Мне нужно удолять старый рисунок под QPen и рисовать новый. Скажите пожалуйста, как это сделать.

        Evgenii Legotckoi
        • June 11, 2019, 5:13 a.m.
        • (edited)
        • The answer was marked as a solution.

        Это значительно сложнее будет. Я могу вам подсказать направление.

        1. Все объекты, которые вы добавляете на графическую сцену, хорошо было бы помещать также в pool объектов. У меня есть пример подобного пула в статье о написании игры . Там пул объектов яблок. Это позволит держать список объектов изображений например.
        2. Вам нужно добавить инструмент ластик (его нужно будет написать самостоятельно), который будет рисовать линию, а после завершения рисования, нарисованная линия должна будет создать полигон пересечения с изображением и удалить часть изображения. Нужно будет линию преобразовать в QPolygon, потом взять изображение, создать из него QPolygon области изображения, и с помощью метода QPolygon QPolygon::intersected(const QPolygon &r) const найти вырезаемую часть, которую нужно будет отнять от изображения.
        3. Отнять от изображения полигон. С этим уже сложнее, нужно поискать информацию по запросу crop image polygon. Вариантов там может быть несколько, либо через shape показывать только определённую часть изображения в QGraphicsPixmapItem, нужно будет от него наследоваться и написать свой класс для работы с изображением. Либо создать новой изображение с отрезанной частью и заменить им существующее изображение.

        По поводу создания инструментов, типо карандаш, ластик, линия или ещё что-то можете посмотреть статью о векторном редакторе . Там есть пара инструментов - линии и квадраты, можете посмотреть идеологию, как это там сделано. В качестве абстрактного примера.

          Михаиллл
          • June 11, 2019, 5:45 a.m.
          • (edited)

          Не получится разбить на много объектов, так как при загрузке загружаетсяо дним объектом.
          Но 2 и 3 реализуемы, хоть и с трудом.

          А если рисовать с помощью QPainter , новый цвет пиксля будет заменять старый цвет?

            Михаиллл
            • June 11, 2019, 5:51 a.m.

            Или может быть можно рисовать попиксельно на QGraphicsScene? И потом эти пиксели земенять новыми?

              Evgenii Legotckoi
              • June 11, 2019, 5:55 a.m.

              1,2,3 - это не возможные варианты, а пошаговое решение. То есть я вам предложил всего один вариант, как это можно сделать, который совмещает всю эту работу из трёх основных составляющих частей. Ну а если вы загружаете два рисунка одним объектом... что мне до конца непонятно... То тогда вам придётся разделить на два самостоятельных объекта оба рисунка и работать с ними отдельно. В общем задачка интересная сама по себе. Но вопрос реализации довольно обширный. Думаю, что пару тысяч строк кода потянет.

              Хотя, конечно, можете попробовать и пискели заменять, но тоже вопрос, как вы будете определять откуда и куда заменять эти пиксели. Но это явно нехорошее решение, ведь вы потом захотите ещё и передвигать изображения, вот тогда то вам и выйдет боком это передвижение пикселей.

                Михаиллл
                • June 11, 2019, 6:15 a.m.

                Я ограничусь только рисованием пикселей, поэтому не дойду то момента, когда мне выйдет боком.
                Если рисовать пикселями, то по идее, ластик будет легко реализыем просто прозрачным цветом.
                Скажите пожалуйста как заменить эти векторы на пиксели:

                void paintScene::mousePressEvent(QGraphicsSceneMouseEvent *event)
                {
                    // При нажатии кнопки мыши отрисовываем эллипс
                    addEllipse(event->scenePos().x() -  myPen.width()/2,
                               event->scenePos().y() -  myPen.width()/2,
                               myPen.width(),
                                myPen.width(),
                               QPen(Qt::NoPen),
                               QBrush(myPen.color()));
                    // Сохраняем координаты точки нажатия
                    previousPoint = event->scenePos();
                    buttonIsPressed = true;
                }
                
                void paintScene::mouseMoveEvent(QGraphicsSceneMouseEvent *event)
                {
                    if (buttonIsPressed)
                    {
                        // Отрисовываем линии с использованием предыдущей координаты
                        addLine(previousPoint.x(),
                                previousPoint.y(),
                                event->scenePos().x(),
                                event->scenePos().y(),
                                myPen);
                        // Обновляем данные о предыдущей координате
                        previousPoint = event->scenePos();
                    }
                }
                
                  Михаиллл
                  • June 11, 2019, 6:45 a.m.
                  • (edited)

                  Попробовал сделать так , но получаю ошибку : QPainter::drawPoints: Painter not active. Скажите пожалуйста как это исправить

                  void paintScene::mousePressEvent(QGraphicsSceneMouseEvent *event)
                  {
                      myPainter.setPen(myPen);
                      myPainter.drawPoint(event->scenePos().x(),event->scenePos().y());
                  
                  }
                  
                    Михаиллл
                    • June 11, 2019, 9 a.m.
                    • (edited)

                    Сделал так, но рисунок не рисуется.

                    void paintScene::mousePressEvent(QGraphicsSceneMouseEvent *event)
                    {
                        x = event->scenePos().x();    
                        y = event->scenePos().x();
                    }
                    
                    void paintScene::paintEvent(QPaintEvent *event)
                    {
                        QPainter myPainter; 
                        myPainter.setPen(myPen);
                        myPainter.drawPoint(x,y);
                    }
                    

                    void paintScene::paintEvent(QPaintEvent *event) не срабатывает.

                      Михаиллл
                      • June 11, 2019, 9:43 a.m.

                      а если прописываю void paintEvent(QPaintEvent *event); к главном классе, то оно автоматом срабатывает 1 раз при загрузке приложения, 1 раз при нажатии левой кнопки мыши и больше не работает.

                        Михаиллл
                        • June 11, 2019, 1:04 p.m.
                        • (edited)

                        Попробовал для этого сделать класс наследуемый от QWidget. Но событие не вызывается при нажатии и не понятно как получать координаты
                        .h

                        #ifndef WIDGETFORPAINTER_H
                        #define WIDGETFORPAINTER_H
                        
                        #include "QWidget"
                        #include "QPainter"
                        #include "QPen"
                        #include "QDebug"
                        
                        class widgetForPainter: public QWidget
                        {
                        public:
                            widgetForPainter();
                            ~widgetForPainter() {;};
                            QPen myPen;
                            int x,y;
                        
                        
                            private slots:
                            void paintEvent(QPaintEvent *event);
                        
                        public slots:
                            void paintPoint(int x1,int y1);
                        
                        };
                        
                        #endif // WIDGETFORPAINTER_H
                        

                        .cpp

                        #include "widgetforpainter.h"
                        
                        widgetForPainter::widgetForPainter()
                        {
                            //Pen
                            myPen.setWidth(20);
                            myPen.setColor(Qt::green);
                            //myPen.setColor(QColor(255, 0, 0, 10));
                            myPen.setCapStyle(Qt::RoundCap);
                            myPen.setStyle(Qt::SolidLine);
                        }
                        
                        void widgetForPainter::paintEvent(QPaintEvent *event)
                        {
                            Q_UNUSED(event);
                            QPainter myPainter; // Создаём объект отрисовщика
                            myPainter.setPen(myPen);
                            myPainter.drawPoint(x,y);
                            myPainter.drawEllipse(x, y, x+50, x+50);
                            qDebug()<<x<<y;
                        }
                        
                        void widgetForPainter::paintPoint(int x1, int y1)
                        {
                            QPainter myPainter; // Создаём объект отрисовщика
                            myPainter.setPen(myPen);
                            myPainter.drawPoint(x1,y1);
                            myPainter.drawEllipse(x1, y1, x+50, x+50);
                            qDebug()<<x1<<y1;
                        }
                        

                        В конструкторе главной функции написал так:

                        newGraphicsView =  new graphicsView();
                            newGraphicsView->setScene(scene);    
                        
                            ui->verticalLayout->addWidget(newGraphicsView);
                        
                        
                            widgetForPainter *myWidgetForPainter = new widgetForPainter();
                            ui->verticalLayout->addWidget(myWidgetForPainter);
                        

                        Наверное в void paintScene::mousePressEvent(QGraphicsSceneMouseEvent *event) нужно добавить void widgetForPainter::paintPoint(int x1, int y1), но как это сделать?

                          Михаиллл
                          • June 11, 2019, 2:16 p.m.

                          В этом примере рисует пиксельно на QWidget и так же пиксельно стирает. Не могли бы вы мне помочь выделить нужный код, который можно добавить в свой проект?

                            Михаиллл
                            • June 12, 2019, 2:05 a.m.

                            Нашел такой класс, он нормально рисует. Можно ли его сделать не главным классом?
                            .h

                            #ifndef WIDGET_H
                            #define WIDGET_H
                            
                            #include <QWidget>
                            #include <QPainter>
                            #include <QMouseEvent>
                            #include <QEvent>
                            #include <QFileDialog>
                            #include <QImage>
                            #include <QPixmap>
                            
                            namespace Ui {
                            class Widget;
                            }
                            
                            class Widget : public QWidget
                            {
                                Q_OBJECT
                            public:
                                explicit Widget(QWidget *parent = 0);
                                ~Widget();
                                bool eventFilter(QObject *obj, QEvent *event);
                            
                            private slots:
                                void on_open_clicked();
                            
                                void on_save_clicked();
                            
                                void on_R_valueChanged(int value);
                            
                                void on_G_valueChanged(int value);
                            
                                void on_B_valueChanged(int value);
                            
                                void on_pen_dial_valueChanged(int value);
                            
                                void on_pushButton_8_clicked();
                            
                            private:
                                QPen pen;
                                QPen pen2;
                                QPixmap pixmap;
                                QPixmap pixman;
                                QPoint lastPoint;
                                int r;
                                int g;
                                int b;
                                Ui::Widget *ui;
                            };
                            
                            #endif // WIDGET_H
                            
                            

                            .cpp

                            #include "widget.h"
                            #include "ui_widget.h"
                            
                            
                            Widget::Widget(QWidget *parent) :
                                QWidget(parent),
                                ui(new Ui::Widget)
                            {
                                ui->setupUi(this);
                                pixmap = QPixmap(ui->label->width(),ui->label->height());
                                pixmap.fill();
                                pen = QPen( QBrush( Qt::black), 5.0f );
                                r = 0;
                                g = 0;
                                b = 0;
                            
                                ui->label->setPixmap(pixmap);
                            
                                ui->label->installEventFilter(this);
                                ui->red_color->installEventFilter(this);
                                ui->orange_color->installEventFilter(this);
                                ui->yellow_color->installEventFilter(this);
                                ui->green_color->installEventFilter(this);
                                ui->blue_color->installEventFilter(this);
                                ui->purple_color->installEventFilter(this);
                                ui->pushButton_8->installEventFilter(this);
                                ui->R->installEventFilter(this);
                                ui->G->installEventFilter(this);
                                ui->B->installEventFilter(this);
                                ui->setcolor->installEventFilter(this);
                                ui->pen_dial->installEventFilter(this);
                                ui->clear_pixmap->installEventFilter(this);
                            
                            
                                ui->red_color->setStyleSheet("Background-color: red;");
                                ui->orange_color->setStyleSheet("Background-color: #ffa500");
                                ui->yellow_color->setStyleSheet("Background-color: yellow");
                                ui->green_color->setStyleSheet("Background-color: green");
                                ui->blue_color->setStyleSheet("Background-color: blue");
                                ui->purple_color->setStyleSheet("Background-color: #C400AB");
                            
                                pen2 = QPen(QBrush(Qt::black), 61.0f);
                                QBrush st(QColor(Qt::black),Qt::Dense7Pattern);
                                pixman = QPixmap(ui->label_3->width(),ui->label_3->height());
                                pixman.fill();
                                QPainter p2(&pixman);
                                p2.setPen(Qt::SolidLine);
                                p2.setBrush(st);
                                p2.drawRect(0,0,ui->label_3->width(),ui->label_3->height());
                                p2.end();
                                ui->label_3->setPixmap(pixman);
                            
                                //this->setFixedSize(this->width(), this->height());
                            }
                            
                            Widget::~Widget()
                            {
                                delete ui;
                            }
                            
                            bool Widget::eventFilter(QObject *obj, QEvent *event)
                            {
                                if(obj == ui->label and event->type() == QEvent::MouseButtonPress)
                                {
                                    QMouseEvent *mous = (QMouseEvent*)event;
                                    QPainter p(&pixmap);
                                    p.setPen(pen);
                                    p.drawPoint(mous->pos());
                                    p.end();
                                    lastPoint = mous->pos();
                                    ui->label->setPixmap(pixmap);
                                }
                                if(obj == ui->label and event->type() == QEvent::MouseMove)
                                {
                                    QMouseEvent *mous = (QMouseEvent*)event;
                                    QPainter p(&pixmap);
                                    p.setPen(pen);
                                    p.drawLine(lastPoint,mous->pos());
                                    p.end();
                                    lastPoint = mous->pos();
                                    ui->label->setPixmap(pixmap);
                                }
                                if(obj == ui->red_color and event->type() == QEvent::MouseButtonPress) pen.setColor(Qt::red);
                                if(obj == ui->orange_color and event->type() == QEvent::MouseButtonPress) pen.setColor(QColor(255, 128, 0));
                                if(obj == ui->yellow_color and event->type() == QEvent::MouseButtonPress) pen.setColor(Qt::yellow);
                                if(obj == ui->green_color and event->type() == QEvent::MouseButtonPress) pen.setColor(Qt::green);
                                if(obj == ui->blue_color and event->type() == QEvent::MouseButtonPress) pen.setColor(Qt::blue);
                                if(obj == ui->purple_color and event->type() == QEvent::MouseButtonPress) pen.setColor(QColor(196, 0, 171));
                                if(obj == ui->setcolor and event->type() == QEvent::MouseButtonPress)
                                {
                                    bool ok = true;
                                    r = ui->lineEdit->text().toInt(&ok,10);
                                    g = ui->lineEdit_2->text().toInt(&ok,10);
                                    b = ui->lineEdit_3->text().toInt(&ok,10);
                                    if((r <= 255 or g <= 255 or b <= 255)) pen.setColor(QColor(r,g,b));
                                    else ui->info->text() = "Введены неверные значения";
                                }
                                if(obj == ui->pen_dial and event->type() == QEvent::MouseButtonPress and QEvent::MouseMove)
                                {
                                }
                                if(obj == ui->clear_pixmap and event->type() == QEvent::MouseButtonPress)
                                {
                                    pixmap.fill(QColor(Qt::white));
                                    ui->label->setPixmap(pixmap);
                                }
                                if(obj == ui->label_3 and event->type() == QEvent::MouseButtonPress)
                                {
                                    pen.setBrush(Qt::Dense5Pattern);
                                    ui->label->setPixmap(pixmap);
                                }
                            }
                            
                            void Widget::on_open_clicked()
                            {
                                QString file;
                                file = QFileDialog::getOpenFileName(this,tr("Открыть файл"),tr("Картинка.jpg"),tr("JPG (*.jpg)"));
                                pixmap.load(file);
                            }
                            
                            void Widget::on_save_clicked()
                            {
                                QString file;
                                file = QFileDialog::getSaveFileName(this,tr("Сохранить файл"),tr("Картинка.jpg"),tr("JPG (*.jpg"));
                                pixmap.save(file);
                            }
                            
                            void Widget::on_R_valueChanged(int value)
                            {
                                pen.setColor(QColor(value,ui->B->value(),ui->G->value()));
                                ui->Value_1->setNum(value);
                            }
                            
                            void Widget::on_G_valueChanged(int value)
                            {
                                pen.setColor(QColor(ui->R->value(),value,ui->G->value()));
                                ui->Value_2->setNum(value);
                            }
                            
                            void Widget::on_B_valueChanged(int value)
                            {
                                pen.setColor(QColor(ui->R->value(),ui->B->value(),value));
                                ui->Value_3->setNum(value);
                            }
                            
                            void Widget::on_pen_dial_valueChanged(int value)
                            {
                                pen.setWidthF(value);
                                ui->label_2->setNum(value);
                            }
                            
                            void Widget::on_pushButton_8_clicked()
                            {
                            
                            }
                            
                            
                              Михаиллл
                              • June 12, 2019, 6:10 a.m.
                              • (edited)

                              ,

                                Михаиллл
                                • June 12, 2019, 8:35 a.m.

                                Перенес этот класс в свой код. Теперь нужно разбираться с прозрачностью.

                                  Evgenii Legotckoi
                                  • June 16, 2019, 4:26 p.m.

                                  У класса QColor в конструкторе есть установка прозрачности. Это альфа канал.

                                  QColor(int r, int g, int b, int a = ...)

                                  Либо через

                                  setAlpha()

                                    Comments

                                    Only authorized users can post comments.
                                    Please, Log in or Sign up
                                    AD

                                    C ++ - Test 004. Pointers, Arrays and Loops

                                    • Result:50points,
                                    • Rating points-4
                                    m

                                    C ++ - Test 004. Pointers, Arrays and Loops

                                    • Result:80points,
                                    • Rating points4
                                    m

                                    C ++ - Test 004. Pointers, Arrays and Loops

                                    • Result:20points,
                                    • Rating points-10
                                    Last comments
                                    i
                                    innorwallNov. 14, 2024, 11:27 p.m.
                                    Release of C++/Qt and QML application deployment utility CQtDeployer v1.4.0 (Binary Box) optionally substituted alkoxy, optionally substituted alkenyloxy, optionally substituted alkynyloxy, optionally substituted aryloxy, OCH, OC H, OC H, OC H, OC H, OC H, OC H, O C CH, OCH CH OH, O…
                                    i
                                    innorwallNov. 14, 2024, 6:26 p.m.
                                    Qt/C++ - Lesson 031. QCustomPlot – The build of charts with time buy generic priligy We can just chat, and we will not lose too much time anyway
                                    i
                                    innorwallNov. 14, 2024, 4:03 p.m.
                                    Qt/C++ - Lesson 060. Configuring the appearance of the application in runtime I didnt have an issue work colors priligy dapoxetine 60mg revia cost uk August 3, 2022 Reply
                                    i
                                    innorwallNov. 14, 2024, 9:07 a.m.
                                    Circuit switching and packet data transmission networks Angioedema 1 priligy dapoxetine
                                    i
                                    innorwallNov. 14, 2024, 8:42 a.m.
                                    How to Copy Files in Linux If only females relatives with DZ offspring were considered these percentages were 23 order priligy online uk
                                    Now discuss on the forum
                                    i
                                    innorwallNov. 14, 2024, 12:39 a.m.
                                    добавить qlineseries в функции priligy amazon canada 93 GREB1 protein GREB1 AB011147 6
                                    i
                                    innorwallNov. 11, 2024, 7:55 a.m.
                                    Всё ещё разбираюсь с кешем. priligy walgreens levitra dulcolax carbs The third ring was found to be made up of ultra relativistic electrons, which are also present in both the outer and inner rings
                                    9
                                    9AnonimOct. 25, 2024, 6:10 a.m.
                                    Машина тьюринга // Начальное состояние 0 0, ,<,1 // Переход в состояние 1 при пустом символе 0,0,>,0 // Остаемся в состоянии 0, двигаясь вправо при встрече 0 0,1,>…

                                    Follow us in social networks