在画布上绘制旋转图像答案

【问题标题】：Draw rotated image on canvas在画布上绘制旋转图像
【发布时间】：2012-02-26 15:17:44
【问题描述】：

我正在尝试用另一个图像的旋转版本替换图像的一部分。图像源应该以这样一种方式出现，即 origin_source 最终位于图像 *this 中的 orign_dest。在替换像素之前，还应围绕 origin_source 旋转源。

当 R 是一个镜像矩阵时，下面的代码可以工作，但如果我真的把它变成一个旋转矩阵，那么生成的图像就会被剪切。怎么了？

void Image::imageApply(const Image& source,const Point& origin_dest,const Point& origin_source,const Point& direction)
{
Matrix22<double> R=transformRotationCreate(direction);
Point source_new_size=sqrt(2)*((Point){source.widthGet(),source.heightGet()});
Point blit_start=origin_dest;
for(unsigned int k=0;k<source_new_size.y;k++)
    {
    for(unsigned int l=0;l<source_new_size.x;l++)
        {
        Point point_source=(Point){l,k};
        Point point_dest=point_source-origin_source;
        point_dest*=R;
        point_dest+=blit_start;

        if(point_source.rectangleInIs((Point){0,0},(Point){source.widthGet(),source.heightGet()})
            &&point_dest.rectangleInIs((Point){0,0},(Point){widthGet(),heightGet()}))
            {
            (*this)(point_dest)=source(point_source);
            }
        }
    }
}

以下是一些其他使用的功能：

T=双

template<class T>
struct Matrix22
{
T xx;
T xy;
T yx;
T yy;
};

方向是一个归一化向量

inline Matrix22<double> transformRotationCreate(const Vector2d<double>& direction)
{
return (Matrix22<double>){direction.x, -direction.y, direction.y, direction.x};
}

还有

Vector2d<T>& operator*=(const Matrix22<T>& M)
    {
    x=x*M.xx + y*M.xy;
    y=x*M.yx + y*M.yy;
    return *this;
    }

【问题讨论】：

你能把transformRotationCreate()的代码贴出来吗？

标签： c++ image-processing rotation coordinate-transformation

【解决方案1】：

我解决了

首先，矩阵-向量乘法运算符是错误的：

Vector2d<T>& operator*=(const Matrix22<T>& M)
    {
    T x_old=x;  //Need to save old x value (Stupid error but anyone does so sometimes)
    x=x*M.xx + y*M.xy;
    y=x_old*M.yx + y*M.yy;
    return *this;
    }

最终的“旋转和粘贴”例程如下所示：

void Image::imageApply(const Image& source,const Point& origin_dest,const Point& origin_source,const Point& direction)
{
Matrix22<double> R=transformRotationCreate(direction);
Point blit_start=origin_dest-(Point){source.sizeMaxGet(),source.sizeMaxGet()};
Point blit_end=origin_dest+(Point){source.sizeMaxGet(),source.sizeMaxGet()};

for(unsigned int k=blit_start.y;k<blit_end.y;k++)
    {
    for(unsigned int l=blit_start.x;l<blit_end.x;l++)
        {
        Point point_dest=(Point){l,k};
        Point point_source=R*(point_dest - origin_dest) + origin_source;
        if(point_source.rectangleInIs((Point){0,0},(Point){source.widthGet(),source.heightGet()} ))
            {
            float alpha_source=source(point_source).alpha;
            (*this)(point_dest)=(1.0f-alpha_source)*(*this)(point_dest)
                                + alpha_source*source(point_source);
            }
        }
    }
}

最后，旋转方向错了，不过那只是变换中xy因子的交换。

【讨论】：