- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用 QPainter 和 QPolygon 类在图像上绘制多边形。我需要用户能够通过拖动其中的点来编辑这些多边形。 QPolygon 和 QPainter 类没有任何信号,因此我无法通过它们触发事件。
我已经意识到,如果我继续使用这种方法,那么每次移动一个点时都必须渲染图像,这可能看起来非常糟糕并且根本不平滑。
有人知道如何将这些点放在图像上而不是在图像中绘制它们吗?
最佳答案
如果您使用 QGraphicsView 和 QGraphicsScene,最好使用这些项目,不要使用 QPainter,因为您的任务只是绘制而不处理其他类型的事件。在下面的示例中,我展示了一个自定义 QGraphicsPolygonItem 来绘制多边形,并在每个顶点中显示另一个项目,其任务是移动和修改多边形的点。在我的示例中,您可以加载图像,也可以创建多边形,您必须按多边形菜单,然后单击添加它,以指示您不想添加更多元素,您必须按 ESC,然后您可以移动每个通过拖动或从项目中心拖动多边形来移动顶点。最后,如果您想要放大和缩小,请按 Ctrl++ 和 Ctrl+-。
from enum import Enum
from functools import partial
from PyQt5 import QtWidgets, QtGui, QtCore
class GripItem(QtWidgets.QGraphicsPathItem):
circle = QtGui.QPainterPath()
circle.addEllipse(QtCore.QRectF(-10, -10, 20, 20))
square = QtGui.QPainterPath()
square.addRect(QtCore.QRectF(-15, -15, 30, 30))
def __init__(self, annotation_item, index):
super(GripItem, self).__init__()
self.m_annotation_item = annotation_item
self.m_index = index
self.setPath(GripItem.circle)
self.setBrush(QtGui.QColor("green"))
self.setPen(QtGui.QPen(QtGui.QColor("green"), 2))
self.setFlag(QtWidgets.QGraphicsItem.ItemIsSelectable, True)
self.setFlag(QtWidgets.QGraphicsItem.ItemIsMovable, True)
self.setFlag(QtWidgets.QGraphicsItem.ItemSendsGeometryChanges, True)
self.setAcceptHoverEvents(True)
self.setZValue(11)
self.setCursor(QtGui.QCursor(QtCore.Qt.PointingHandCursor))
def hoverEnterEvent(self, event):
self.setPath(GripItem.square)
self.setBrush(QtGui.QColor("red"))
super(GripItem, self).hoverEnterEvent(event)
def hoverLeaveEvent(self, event):
self.setPath(GripItem.circle)
self.setBrush(QtGui.QColor("green"))
super(GripItem, self).hoverLeaveEvent(event)
def mouseReleaseEvent(self, event):
self.setSelected(False)
super(GripItem, self).mouseReleaseEvent(event)
def itemChange(self, change, value):
if change == QtWidgets.QGraphicsItem.ItemPositionChange and self.isEnabled():
self.m_annotation_item.movePoint(self.m_index, value)
return super(GripItem, self).itemChange(change, value)
class PolygonAnnotation(QtWidgets.QGraphicsPolygonItem):
def __init__(self, parent=None):
super(PolygonAnnotation, self).__init__(parent)
self.m_points = []
self.setZValue(10)
self.setPen(QtGui.QPen(QtGui.QColor("green"), 2))
self.setAcceptHoverEvents(True)
self.setFlag(QtWidgets.QGraphicsItem.ItemIsSelectable, True)
self.setFlag(QtWidgets.QGraphicsItem.ItemIsMovable, True)
self.setFlag(QtWidgets.QGraphicsItem.ItemSendsGeometryChanges, True)
self.setCursor(QtGui.QCursor(QtCore.Qt.PointingHandCursor))
self.m_items = []
def number_of_points(self):
return len(self.m_items)
def addPoint(self, p):
self.m_points.append(p)
self.setPolygon(QtGui.QPolygonF(self.m_points))
item = GripItem(self, len(self.m_points) - 1)
self.scene().addItem(item)
self.m_items.append(item)
item.setPos(p)
def removeLastPoint(self):
if self.m_points:
self.m_points.pop()
self.setPolygon(QtGui.QPolygonF(self.m_points))
it = self.m_items.pop()
self.scene().removeItem(it)
del it
def movePoint(self, i, p):
if 0 <= i < len(self.m_points):
self.m_points[i] = self.mapFromScene(p)
self.setPolygon(QtGui.QPolygonF(self.m_points))
def move_item(self, index, pos):
if 0 <= index < len(self.m_items):
item = self.m_items[index]
item.setEnabled(False)
item.setPos(pos)
item.setEnabled(True)
def itemChange(self, change, value):
if change == QtWidgets.QGraphicsItem.ItemPositionHasChanged:
for i, point in enumerate(self.m_points):
self.move_item(i, self.mapToScene(point))
return super(PolygonAnnotation, self).itemChange(change, value)
def hoverEnterEvent(self, event):
self.setBrush(QtGui.QColor(255, 0, 0, 100))
super(PolygonAnnotation, self).hoverEnterEvent(event)
def hoverLeaveEvent(self, event):
self.setBrush(QtGui.QBrush(QtCore.Qt.NoBrush))
super(PolygonAnnotation, self).hoverLeaveEvent(event)
class Instructions(Enum):
No_Instruction = 0
Polygon_Instruction = 1
class AnnotationScene(QtWidgets.QGraphicsScene):
def __init__(self, parent=None):
super(AnnotationScene, self).__init__(parent)
self.image_item = QtWidgets.QGraphicsPixmapItem()
self.image_item.setCursor(QtGui.QCursor(QtCore.Qt.CrossCursor))
self.addItem(self.image_item)
self.current_instruction = Instructions.No_Instruction
def load_image(self, filename):
self.image_item.setPixmap(QtGui.QPixmap(filename))
self.setSceneRect(self.image_item.boundingRect())
def setCurrentInstruction(self, instruction):
self.current_instruction = instruction
self.polygon_item = PolygonAnnotation()
self.addItem(self.polygon_item)
def mousePressEvent(self, event):
if self.current_instruction == Instructions.Polygon_Instruction:
self.polygon_item.removeLastPoint()
self.polygon_item.addPoint(event.scenePos())
# movable element
self.polygon_item.addPoint(event.scenePos())
super(AnnotationScene, self).mousePressEvent(event)
def mouseMoveEvent(self, event):
if self.current_instruction == Instructions.Polygon_Instruction:
self.polygon_item.movePoint(self.polygon_item.number_of_points()-1, event.scenePos())
super(AnnotationScene, self).mouseMoveEvent(event)
class AnnotationView(QtWidgets.QGraphicsView):
factor = 2.0
def __init__(self, parent=None):
super(AnnotationView, self).__init__(parent)
self.setRenderHints(QtGui.QPainter.Antialiasing | QtGui.QPainter.SmoothPixmapTransform)
self.setMouseTracking(True)
QtWidgets.QShortcut(QtGui.QKeySequence.ZoomIn, self, activated=self.zoomIn)
QtWidgets.QShortcut(QtGui.QKeySequence.ZoomOut, self, activated=self.zoomOut)
@QtCore.pyqtSlot()
def zoomIn(self):
self.zoom(AnnotationView.factor)
@QtCore.pyqtSlot()
def zoomOut(self):
self.zoom(1 / AnnotationView.factor)
def zoom(self, f):
self.scale(f, f)
if self.scene() is not None:
self.centerOn(self.scene().image_item)
class AnnotationWindow(QtWidgets.QMainWindow):
def __init__(self, parent=None):
super(AnnotationWindow, self).__init__(parent)
self.m_view = AnnotationView()
self.m_scene = AnnotationScene(self)
self.m_view.setScene(self.m_scene)
self.setCentralWidget(self.m_view)
self.create_menus()
QtWidgets.QShortcut(QtCore.Qt.Key_Escape, self, activated=partial(self.m_scene.setCurrentInstruction, Instructions.No_Instruction))
def create_menus(self):
menu_file = self.menuBar().addMenu("File")
load_image_action = menu_file.addAction("&Load Image")
load_image_action.triggered.connect(self.load_image)
menu_instructions = self.menuBar().addMenu("Intructions")
polygon_action = menu_instructions.addAction("Polygon")
polygon_action.triggered.connect(partial(self.m_scene.setCurrentInstruction, Instructions.Polygon_Instruction))
@QtCore.pyqtSlot()
def load_image(self):
filename, _ = QtWidgets.QFileDialog.getOpenFileName(self,
"Open Image",
QtCore.QStandardPaths.writableLocation(QtCore.QStandardPaths.PicturesLocation), #QtCore.QDir.currentPath(),
"Image Files (*.png *.jpg *.bmp)")
if filename:
self.m_scene.load_image(filename)
self.m_view.fitInView(self.m_scene.image_item, QtCore.Qt.KeepAspectRatio)
self.m_view.centerOn(self.m_scene.image_item)
if __name__ == '__main__':
import sys
app = QtWidgets.QApplication(sys.argv)
w = AnnotationWindow()
w.resize(640, 480)
w.show()
sys.exit(app.exec_())
关于python - PyQT 用户可编辑多边形,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52751121/
我已经实现了 Bentley-Ottmann-algorithm检测多边形-多边形交叉点。这通常非常有效:由于多边形不自相交,因此两个多边形的线段并集中的任何线段相交表明两个多边形相交。 但是如果我看
我在 Silverlight 中有一个多边形(棋盘游戏的十六进制),例如; public class GridHex : IGridShape { ..... public IList
我创建了一个简单的 DirectX 应用程序来渲染一个顶点场。顶点呈现如下(如果从顶部查看): |\|\|\|\| |\|\|\|\| 每个三角形都是这样渲染的: 1 |\ 2 3 这应该意味着多边形
我的代码的某些部分here : var stage = new Kinetic.Stage({ container: "canvas", width: 300,
我正在尝试从 map 数据构造导航网格物体。步骤之一涉及将二进制图像(其中0表示占用空间,1表示自由空间)转换成平面直线图。 我正在尝试找到一种可靠的方法。我目前的想法是使用Canny边缘检测器,然后
我的任务是编写 MATLAB 代码来生成一个由 4 部分组成的 Logo ,如屏幕截图所示。左上角应为黑色,右下角应为白色。另一个程序应随机选择两种颜色。 我采取了以下方法: clear all cl
很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visit the help center . 关闭 1
如何向 google.maps.Rectangle 和 google.maps.Polygon 添加标题? title 属性在 RectangleOptions 中不可用.我试过了,但没用(对于 go
我有一个表,用于将表上的段存储为多边形。然后我想获取所有被另一个多边形接触的线段,例如正方形或圆形。图片上:http://img.acianetmedia.com/GJ3 我将灰色小框表示为段和 bi
我正在我的网站上使用 CSS 来制作形状。它在 chrome 中运行良好,但在 mozilla、internet explorer 中打开时,它无法运行。 有人知道怎么解决吗? 这是 fiddle h
我使用 DrawingManager 在 Google map 上绘制圆形和多边形。我尝试使用下面的代码删除圆形/多边形。 selectedShape.setMap(null); 这里selected
我看到了很多如何检测碰撞的教程,但没有看到如何解决它。我正在制作一个自上而下的游戏,玩家具有圆形碰撞形状,而墙壁是各种多边形。 我正在使用 slick2d。我应该做的是,如果玩家与角落碰撞,我会按法线
我对 tkinter 比较陌生,我正在制作一个只使用正方形的游戏。我正在抄写的书只显示三角形。这是代码: # The tkinter launcher (Already complete) from
我在 OpenCV/Python 中工作,我遇到了这个问题。我已经使用 cv2.minAreaRect() 来获取围绕一组点的边界框。是否有任何其他函数/通用算法可以给我内接多边形(点集)的最大矩形?
如果给定一组线段 S ,我们能否设计一种算法来测试集合 S 中的线段是否可以形成多边形,我对它们是否相交多边形不感兴趣,我只想知道我可以测试什么标准, 任何建议 最佳答案 构建一个图形数据结构,其中节
如何从多个地理位置(经度、纬度值)创建多边形地理围栏。此外,如何在 Android 上跟踪用户进入此地理围栏区域或从该区域退出。 最佳答案 地理围栏只是一组形成多边形的纬度/经度点。获得纬度/经度点列
我想要一个 complex image like this在我的申请中。我想让用户点击复杂的多边形(在这种情况下是有边界的国家/地区)并突出显示他们点击的多边形。我有我需要用于该状态的图像。 我怎样才
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的,
我想在 python tkinter 中移动对象,特别是多边形。问题出在 is_click 函数中。我似乎无法弄清楚如何确定我是否单击了该对象。代码还没有 100% 完成,移动仍然需要完成,但我现在需
我有一个大多边形,我想找到与该多边形相交的要素,但由于多边形太大,我遇到超时异常。 我试图研究 JTS 方法,但不知道如何使用它。 final List coordinates = List.of(n
我是一名优秀的程序员,十分优秀!