qt qgraphicsitem绕中心旋转

2024-11-08

Qt QGraphicsItem 绕中心旋转、放缩

最近用到了QGraphicsItem,可以通过QGraphicsItemAnimation使其产生动画效果. QGraphicsItemAnimation自带了setPosAt().setRotationAt().setScaleAt()等方法可以用来移动.旋转.放缩QGraphicsItem,但其默认的OriginPoint是这个Item的左上角,虽然QGraphicsItem自带了setTransformOriginPoint()方法,但是设置以后没有效果,还是绕左上角放缩旋转,只好采取其他

实现Canvas2D绘图使元素绕中心居中旋转

我之前用canvas写了个头像剪切的demo,但是关于让载入的图片旋转是个问题,虽然通过其它方法实现了,但是感觉并不太好,于是查了些资料,想试着重新做一下canvas的旋转. 在开始之前,先让我们来做一些准备工作: (function () { // 设置画布的宽高 var width = 300, heigh = 100, cache = {}; // 存储canvas上下文 // 获取绘图上下文 function getCtx(name, w, h) { var cv = document.

C# 使用 GDI+ 实现添加中心旋转(任意角度)的文字

这篇文章是 GDI+ 总结系列的第三篇,如果对 GDI+ 的基础使用不熟悉的朋友可以先看第一篇文章<C# 使用 GDI+ 画图>. 需求需求是要实现给图片添加任意角度旋转的文字,文字的旋转中心要是在文字区域中央,就像 CSS 的 rotate 函数一样的效果.如下: 分析&思路 Graphics 类有个 RotateTransform 方法,可以传入任意角度的值来旋转画板.但是这个方法的旋转中心是画板的左上角,所以直接单单用这个方法不能满足我们的需求.此外,Graphics类还有个

View以自身中心旋转的代码解惑

matrix.preTranslate(-centerX, -centerY); matrix.postTranslate(centerX, centerY); 经常在中心旋转的应用中看到这段代码. preTranslate是指在matrix旋转之前平移,postTranslate是指在matrix旋转之后平移注意他们参数是平移的距离,而不是平移目的地的坐标! 由于旋转是以原点(0,0)为中心的,所以为了把界面的中心移至(0,0)对齐,就要preTranslate(-centerX, -cen

No.5 - 纯 CSS 制作绕中轴旋转的立方体

body{ background-color: #000; margin:; padding:; } main{ perspective: 800px; } .cube{ transform-style: preserve-3d; position: relative; margin: 200px auto 0px; width: 400px; height: 400px; animation: spin 8s linear infinite; animation-play-state: pau

Canvas 图片绕边旋转的小动画

/** * 图片绕边旋转的小动画 */ function initDemo10() { var canvas = document.getElementById("demo10"); if (!canvas) { return; } var context = canvas.getContext("2d"); var img = new Image(); img.src ="images/timg3.jpg"; img.onload = func

[golang]svg图片默认按照左上角旋转，改为按中心旋转，重新计算中心偏移量

1 前言 svg图片默认按照左上角旋转,改为按中心旋转,重新计算中心偏移量 2 代码 type Point struct { X float64 Y float64 } func GetOffsetXYAfterRotationForSVG(W, H, L, T, Angle float64) (ret Point) { AngleRad := Angle * math.Pi / 180 SinX := math.Sin(AngleRad) CosX := math.Cos(AngleRad)

[golang]图片按中心旋转后，新图的左顶点位置的偏移量

1 前言图片按中心旋转后,新图的左顶点位置的偏移量 2 代码 func OffsetXYAfterRotationCore(W, H, L, T, Angle float64) (x, y float64) { var DX, DY, X, Y float64 AngleRad := Angle * math.Pi / 180 SinX := math.Sin(AngleRad) CosX := math.Cos(AngleRad) //0<=Angle <=90 if Angle >

PyQt实现图片中心旋转

# -*- coding: cp936 -*- from PyQt4 import QtCore, QtGui, Qt class RotatePage(QtGui.QFrame): def __init__(self, img, x_pos, y_pos, direction = 1, speed = 30, step = 10): super(RotatePage, self).__init__() self.img = img #图片 self.x_pos = x_pos #x坐标 s

项目实战：Qt手机模拟器拉伸旋转框架

若该文为原创文章,未经允许不得转载原博主博客地址:https://blog.csdn.net/qq21497936原博主博客导航:https://blog.csdn.net/qq21497936/article/details/102478062本文章博客地址:https://blog.csdn.net/qq21497936/article/details/106817346红胖子(红模仿)的博文大全:开发技术集合(包含Qt实用技术.树莓派.三维.OpenCV.OpenGL.ffmpeg.OSG

android 围绕中心旋转动画

本文主要介绍Android中如何使用rotate实现图片不停旋转的效果.Android 平台提供了两类动画,一类是 Tween 动画,即通过对场景里的对象不断做图像变换(平移.缩放.旋转)产生动画效果:第二类是 Frame 动画,即顺序播放事先做好的图像,跟电影类似.本文分析 Tween动画的rotate实现旋转效果. 在新浪微博客户端中各个操作进行中时activity的右上角都会有个不停旋转的图标,类似刷新的效果,给用户以操作中的提示.这种非模态的提示方式推荐使用,那么下面就分享下如何实现这种

OpenFramework中视频或者图片进行中心旋转、平移、放大、缩小、矫正（本例以视频为准，只给出主要代码）

/********** update mesh部分***********/ for(int i=0;i<4;i++) { mesh[i].clear(); //重要,不加的话,移动视频的四个角出现视频的重叠 mesh[i].addVertex(ofPoint(point[i][0]->x,point[i][0]->y)); mesh[i].addVertex(ofPoint(point[i][1]->x,point[i][1]->y)); mesh[i].addVert

Canvas实现文字粒子化，并且绕轴旋转（完善）

1. 之前有放过一个初始版本,但是因为在旋转的时候,有比较大的瑕疵,造成每个点运动到端点后,出现类似撞击的感觉. 2. 所以本文对旋转作了些调整,运用类似水平方向的圆周运动 a. HTML代码,定义canvas标签 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content

Canvas实现文字粒子化，并且绕轴旋转（初号机）

写下来发现,程序在细节上处理的很差,比如旋转的时候,在终点处有明显的撞墙感觉,以及小部分粒子存在精度差异,导致撞击后不与整体平衡. 注释全在代码中了,就不多说了,另外感觉写的旋转的规则有点怪,后续再调整吧. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content=&qu

Qt QGraphicsItem要点积累

1.在创建QGraphicsItem子类的时候,想要实现自己绘图,一般是重新实现boundingRect()和paint()函数,如果不重新实现shape(),基类的实现将会退而使用 boundingRect(). 2.boundingRect()这个函数的返回值是一个QRectF(一个正方形的区域),当我们需要处理我们所写的MyItem接受到的某些事件(比如鼠标按下.拖动等)时,这些事件就被规定只能发生在这个返回的矩形区域当中时才会起被接收到. 3.函数paint(QPainter*p

Qt 绘制汽车仪表指针旋转锯齿问题

在前面几篇中出现的问题 http://blog.csdn.net/z609932088/article/details/53946245 这个是在QWidget下绘制的,出现了指针有锯齿的问题后面开始用qml写界面不过到aml 与C++交互的时候,感觉写的好累啊 , 又有了回头的感觉了,再次折腾QWidget选消除锯齿百度到了自己以前写的一个东东顺利解决 painter.setRenderHint(QPainter::Antialiasing,true); 这个在消除锯齿方面是没有啥用的

[golang]按图片中心旋转后的新图左顶点和原图左顶点的偏移量计算

1 前言略,作为记录使用 2 代码 /** * @Author: FB * @Description: * @File: RotateSample.go * @Version: 1.0.0 * @Date: 2019/9/5 16:23 */ package main import ( "math" "strconv" "fmt" "log" ) func main() { Angle := 90.0 H := 100.0

winform 中心旋转图片旋转

//设置左上角到中心点 g.TranslateTransform(int.Parse(x), int.Parse(y)); //旋转角度 g.RotateTransform(int.Parse("90")); //还原左上角 g.TranslateTransform(-int.Parse(x),- int.Parse(y)); 原文:https://www.cnblogs.com/dandelion-drq/p/csharp_use_gdiplus_to_rotate_text.htm

CABasicAnimation的基本使用方法（移动·旋转·放大·缩小）

出处:http://blog.csdn.net/iosevanhuang/article/details/14488239 CABasicAnimation类的使用方式就是基本的关键帧动画. 所谓关键帧动画,就是将Layer的属性作为KeyPath来注册,指定动画的起始帧和结束帧,然后自动计算和实现中间的过渡动画的一种动画方式. CABasicAnimation的基本使用顺序 1.引用QuartzCore.framework 将"QuartzCore.framework"这个库添加到项

flex 图片旋转（解决公转和自转问题）

在Flex中图片的旋转是既有公转和自转的.这样在图片旋转的时候就有一定小麻烦: 为了更好地说明问题,先引入两个概念:“自转”和“公转”.想象一下,地球在绕着太阳公转的同时,它自己也在自转.Flash应用中的显示对象可以进行自身的自转,也可以绕着某个点公转,也可以两者同时进行. 实现旋转常用的方法 1) displayObject.rotation=degree; //实现显示对象的自转(flash|Flex) 2) spark.effects.Rotate; //实现显示对象

qt qgraphicsitem绕中心旋转

热门专题