Qt::图层框架-空间变换-QTransform-Axis

Yz力

已于 2023-09-05 19:46:54 修改

阅读量269

点赞数 3

分类专栏：二维矢量动画软件文章标签： c++

于 2023-09-05 19:44:17 首次发布

本文链接：https://blog.csdn.net/yzl140/article/details/132685124

版权

二维矢量动画软件专栏收录该内容

32 篇文章 4 订阅

订阅专栏

二维矢量动画智能制作软件开发合集

链接：软件开发技术分享及记录合集

个人开发二维矢量动画智能制作软件界面如下：

空间变换

本篇介绍软件左侧工具栏→图层工具→空间变换、

空间变换根据变换原理不同分为2种操作：1）空间旋转变换；2）空间扭曲变换。

一、空间变换原理

图层除了二维平面变换外，还可以进行空间变换，本软件中设计了2种操作，分别是空间旋转变换和空间扭曲变换，实现原理均是采用QTransform相关方法实现，QTransform其本质为3X3矩阵，可以进行矩阵计算，由于3X3矩阵能够描述空间坐标，矩阵计算可对应空间变换，相关理解可参考下图：

2种空间变换实现方法介绍如下：

① 空间旋转变换：采用QTransform的rotate()方法，该方法中可以设置旋转轴，对于二维平面旋转，其本质是绕ZAxis旋转，那么空间变换，需要修改旋转轴为XAxis或YAxis。

② 空间扭曲变换：采用QTransform的shear()方法。

感兴趣的朋友可以通过数学公式推导角度去思考，可以帮助大家更快理解QTransform各方法的原理。

二、空间旋转变换实现

1.代码示例

.h文件变量申明：

QPointF rotateXY;

QPointF getLayerRotateXYValue()
{
    return rotateXY;
}
void setLayerRotateXYValue(QPointF r)
{
    QTransform tmp;
    tmp.rotate(r.x(),Qt::XAxis);
    tmp.rotate(r.y(),Qt::YAxis);
    tmp.shear(layerShear.x(),layerShear.y());
    setTransform(tmp,false);
    rotateXY = r;
}

2.示例效果

空间变换

三、空间扭曲变换实现

1.代码示例

.h文件变量申明：

QPointF layerShear;

QPointF getLayerShearValue()
{
    return layerShear;
}
void setLayerShearValue(QPointF s)
{
    QTransform tmp;
    tmp.rotate(rotateXY.x(),Qt::XAxis);
    tmp.rotate(rotateXY.y(),Qt::YAxis);
    tmp.shear(s.x(),s.y());
    setTransform(scaleXY*tmp,false);
    layerShear = s;
}