QGraphicItem实现中心旋转

野性酷女 2022-06-09 10:09 377阅读 0赞

QGraphicItem实现中心旋转  
一、  解决思路  
1）  确定旋转中心坐标:centerPos;  
2）  在mousePressEvent(QMouseEvent \*e)中e->pos()获得按下时的坐标:pressPos  
3）  mouseMoveEvent(QMouseEvent \*e)中e->pos()获得当前坐标:movePos;  
4）  centerPos、pressPos、movePos三点确定旋转角度:rotateAngle;  
5）  QTransform transform;   
transform.rotate(rotateAngle, Qt::ZAix); //沿着Z轴旋转角度rotateAngle  
this->setTransform(transform);  
6）  Done。

二、示意图

![SouthEast][]

获取旋转中心：  
QPointF centerPos=Item->boundingRect().center();  
设置旋转中心：  
void QGraphicsItem::setTransformOriginPoint(qreal x, qreal y)  
设置旋转角度：  
void QGraphicsItem::setRotation(qreal angle)  
三、  难点  
1.  角度确定

采用余弦定理：

![Center][]

2.  判断是顺时针还是逆时针  
思路：在平面上作向量OA、OB，OA叉乘OB为正,则是逆时针,为负为顺时针.  
过程：  
记向量OA为(dx1, dy1) = (x2-x1, y2-y1)向量OB为(dx2, dy2) = (x3-x1, y3-y1)叉积为：  
即:  
dx1 \* dy2 - dy1 \* dx2   
3.  鼠标根据在Item的位置进行形状的改变  
思路：通过判断鼠标在Item的位置进行形状的替换，可设置四种形状：  
RotationLeftUp,RotationLeftDown,RotationRightUp,RotationRightDown.旋转的鼠标样式可以自定义。  
QCursor \*myCursor= newe QCursor(QPixmap(":/image/rotation.png"));

setCursor(\*myCursor);

http://blog.csdn.net/u013207966/article/details/51892289

[SouthEast]: /images/20220609/9a7dae2e64dc45038e1113bdef82dca6.png
[Center]: /images/20220609/d7ff0d5758e9448e8ad2354f9b2adb6f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，377人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java实现图像旋转

在Java编程中，我们可以使用各种库和工具来处理图像。本文将介绍如何使用Java编写代码来实现图像的旋转功能。我们将使用Java内置的图像处理库——Java 2D来完成这个任务

朴灿烈づ我的快乐病毒、/ 2023年10月16日 10:13/ 0 赞/ 37 阅读

相关【CSS3】CSS3 2D 转换 - rotate 旋转 ③ ( 使用 transfrom-origin 设置旋转中心点 | 使用方位词 / 百分比值 / 像素值设置旋转中心点 )

文章目录一、使用 transfrom-origin 设置旋转中心点二、代码示例 - 使用 transfrom-origin 设置旋转中心点 1

骑猪看日落/ 2023年10月14日 13:48/ 0 赞/ 28 阅读

相关案例-旋转中心（CSS3）

案例-旋转中心（CSS3） <!DOCTYPE html> <html lang="en"> <head> <meta

水深无声/ 2023年10月03日 13:57/ 0 赞/ 30 阅读

相关 python实现图片旋转

随手写的，博客留存 import PIL.Image as img import os path_old = "E:/processpng

梦里梦外;/ 2023年07月11日 08:39/ 0 赞/ 3 阅读

相关怎么旋转DIV 45度要以中心旋转

css3可以帮助你实现div的旋转！在div中添加样式： -moz-transform:rotate(45deg); -webkit-trans

梦里梦外;/ 2022年10月05日 06:51/ 0 赞/ 209 阅读

相关 QGraphicItem实现中心旋转

QGraphicItem实现中心旋转一、解决思路 1）确定旋转中心坐标:centerPos; 2）在mousePressEvent(QMouseEve

野性酷女/ 2022年06月09日 10:09/ 0 赞/ 378 阅读

相关 css 实现图片旋转

鼠标放在图片上旋转180度可用在头像上比较俏皮效果如下： ![这里写图片描述][70] 代码如下： <!DOCTYPE html> <html>

野性酷女/ 2022年05月17日 06:27/ 0 赞/ 275 阅读

相关 Android 围绕图片中心的旋转动画

本文主要介绍Android中如何使用rotate实现图片不停旋转的效果。Android 平台提供了两类动画，一类是 Tween 动画，即通过对场景里的对象不断做图像变换(平移、

偏执的太偏执、/ 2022年01月11日 08:01/ 0 赞/ 337 阅读

相关 Eureka实现注册中心

![1703304-20190605151147681-1546835231.png][] CAP原则又称CAP定理，指的是在一个分布式系统中，Consistency（一致性

朴灿烈づ我的快乐病毒、/ 2021年12月01日 12:00/ 0 赞/ 310 阅读

相关 opencv实现图片旋转和c语言实现图片旋转

1,opencv实现图片旋转： import cv2 import numpy as np img = cv2.imread('image0.jpg'

雨点打透心脏的1/2处/ 2021年11月16日 13:46/ 0 赞/ 416 阅读