Как я могу точно нарисовать повернутое растровое изображение?

Question

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

Мой код работает правильно, чтобы отражать положение, масштаб, смещение для центрирования без вращения. При повороте угол правильный, но неправильное положение - я считаю, потому что размеры изменяются при повороте прямоугольника.

Может кто-то помочь мне понять, как компенсировать это в позиционировании - вот некоторый код:

// Adjust the transformation matrix to account for the position of the container 
     var tMatrix:Matrix = _imgContainer.transform.matrix; 

     //Offset for container 
     tMatrix.translate(this.x,this.y); 

     //Offset for bounds centering 
     tMatrix.translate(-_imgContainer.width/2,-_imgContainer.height/2); 

     // Compensate for rotation 
     // ???? 

    var result_bitmap:BitmapData = new BitmapData(_maskedImg.width,_maskedImg.height,true,0x00FFFFFF); 
    result_bitmap.lock(); 
    result_bitmap.draw(_maskedImg,tMatrix,null,null,null,true); 
    result_bitmap.unlock(); 

Заранее спасибо за любую помощь вы можете предоставить -

б

EDIT: Извините, если я не объясню это правильно, позвольте мне попробовать снова с изображением для поддержки. У меня есть маскированное растровое изображение в контейнере, который я использую в качестве источника для рисования нового растрового изображения. этот контейнер можно масштабировать/поворачивать во время выполнения пользователем перед захватом. Для этого я передаю метод рисования матрицу преобразования на основе матрицы контейнера и отрегулирует значения tx и ty для учета ненулевого начала (из-за центрирования). До этого момента он отлично работает и фиксирует то, что я ожидаю.

Однако после того, как этот контейнер повернут, ПОЗИЦИЯ захвата теперь снова выключена - предположительно из-за изменения размеров, поэтому смещения tx/ty теперь являются неправильными для новых размеров контейнера. Мне просто нужно компенсировать это, но не могу понять, как это сделать.

У кого-нибудь есть опыт работы с матрицей преобразования, которая может помочь? Еще раз спасибо за усилия!

Answer 1

FYI для тех, кто может столкнуться с аналогичными проблемами.Я решил свою проблему, явно установив значения матрицы преобразования и в этом конкретном порядке масштаб, поворот, затем перевод.

Это было вместо копирования матрицы преобразования из контейнера. Таким образом, вместо

var tMatrix:Matrix = _imgContainer.transform.matrix; 

Я устанавливаю значение непосредственно в следующем порядке:

tMatrix.scale (_imgContainer.scaleX, _imgContainer.scaleY); 
tMatrix.rotate (_imgContainer.rotation * (Math.PI/180)); 
tMatrix.translate (_imgContainer.x, _imgContainer.y); 

Спасибо за усилие -

б

Answer 2

Если растровое изображение находится внутри контейнера, любые преобразования, применяемые к контейнеру, также должны быть применены к вещам, содержащихся в ней.

Я бы не применял никаких преобразований к растровому изображению, я бы применил их только к контейнеру.

Answer 3

Я не уверен, что полностью понял ваш вопрос, но ничего не стоит, если вы повернете объект 100x200 на 90 градусов, он даст 200x100 для ширины и высоты.

Существует множество способов обойти это, но я обычно использую scaleX/scaleY, так как на них не влияют вращения, и умножайте их на исходную ширину/высоту клипа.

Answer 4

Я не понял, что вы пытаетесь сделать на 100%, но я получаю основную проблему, которую вы применили, - это изменение tx/ty, которое необходимо использовать при применении вашей матрицы преобразования.

На этой основе возможно это помогает: http://www.senocular.com/flash/tutorials/transformmatrix/ Посмотрите раздел «Манипулирование матриц преобразования», в частности часть о игнорировании значений перевода с помощью deltaTransformPoint. Это AS2, но, надеюсь, принципы помогут вам на правильном пути.