python - PyQt5 で長方形を描画し、ドラッグ アンド ドロップでその形状を調整する方法

Question

PyQt5 で作成した GUI に長方形をドラッグ アンド ドロップで描画しようとしています。なんとかできたのですが、マウスの左キーを離すと四角形が描画されてしまいます。

私がやりたいことは、このリンクのようなものです:

• マウスの左ボタンが押されると、長方形の描画を開始します。
• ドラッグしながら、マウスの動きで長方形の形状を調整します。
• マウスの左ボタンが離されたら、長方形の形状を決定します。

どうすればこれを実装できますか? 前もって感謝します。

これが私のコードです。

# -*- coding: utf-8 -*-

import sys
from PyQt5 import QtWidgets, QtCore
from PyQt5.QtGui import QPainter

class MyWidget(QtWidgets.QWidget):
    def __init__(self):
        super().__init__()
        self.setGeometry(30,30,600,400)
        self.pos1 = [0,0]
        self.pos2 = [0,0]
        self.show()

    def paintEvent(self, event):
        width = self.pos2[0]-self.pos1[0]
        height = self.pos2[1] - self.pos1[1]     

        qp = QPainter()
        qp.begin(self)           
        qp.drawRect(self.pos1[0], self.pos1[1], width, height)        
        qp.end()

    def mousePressEvent(self, event):
        self.pos1[0], self.pos1[1] = event.pos().x(), event.pos().y()
        print("clicked")

    def mouseReleaseEvent(self, event):
        self.pos2[0], self.pos2[1] = event.pos().x(), event.pos().y()
        print("released")
        self.update()

if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    window = MyWidget()
    window.show()
    app.aboutToQuit.connect(app.deleteLater)
    sys.exit(app.exec_())