Вращающиеся прямоугольники, чтобы они сохраняли свое относительное положение на холсте.

Question

У меня есть фоновая картинка, в основном холст, на который я рисую кучу прямоугольников , и мне нужно повернуть pixmap и прямоугольники. Однако вращение фоновой pixmap и прямоугольников должно быть выполнено отдельно, то есть поворот фоновой pixmap обрабатывается через внешнюю библиотечную процедуру , и мне нужно повернуть и перерисовать прямоугольники сверху вручную.

До сих пор я мог поворачивать прямоугольники, применяя transformation matrix I got from Wikipedia к каждой вершине. Я не знаю, как их перевести, чтобы каждый прямоугольник сохранял свое положение относительно холста.

Вот быстрый рисунок для иллюстрации того, что я хочу добиться:

Мне нужно сделать это с C и Xlib, но я не обязательно ищет код, но был бы признателен некоторые общие советы/алгоритмы.

Answer 1

Чтобы получить переведенное положение для дочернего объекта, вам нужно повернуть вектор относительной позиции для дочернего объекта, а затем добавить его в начало координат:

псевдокод будет:

public static Vector2 OffsetByRotation(Vector2 childPos, Vector2 parentPos, float angle) 
{ 
    var relativeVector = childPos - parentPos; 
    relativeVector = Rotate(relativeVector, angle); 
    return parentPos + relativeVector; 
} 

Обратите внимание, что образ вашего примера не только вращает родительский объект, но и переводит его: ваше левое изображение вращается вокруг (0, 300), но затем эта точка переводится на (0, 0).

Answer 2

Запрашиваемого преобразование

X' = 300 - Y 
Y' = X