неправильная прорисовка холста после фиксированной ориентации (ориентация 5-8)

Question

неправильное расположение изображения после фиксации ориентации (5-8).Я исправляю ориентацию exif на изображениях, и это нормально на картинках с ориентацией 1-4, но когда я пытаюсь исправить ориентацию 5-8, компоновка неверна.вот мой код:

var canvas = document.createElement("canvas");
var ctx = canvas.getContext('2d');
var orientation = tile.orientation;

if (4 < orientation && orientation < 9) {
    canvas.height = tile.width;
    canvas.width = tile.height;
    } else {
    canvas.width = tile.width;
    canvas.height = tile.height;
    }

switch (orientation) {
    case 2: ctx.transform(-1, 0, 0, 1, tile.width, 0); break;
    case 3: ctx.transform(-1, 0, 0, -1, tile.width, tile.height); break;
    case 4: ctx.transform(1, 0, 0, -1, 0, tile.height); break;
    case 5: ctx.transform(0, 1, 1, 0, 0, 0); break;
    case 6: ctx.transform(0, 1, -1, 0, tile.height, 0); break;
    case 7: ctx.transform(0, -1, -1, 0, tile.height, tile.width); break;
    case 8: ctx.transform(0, -1, 1, 0, 0, tile.width); break;
    default: break;
    }

ctx.drawImage(tile.imageDataPreview, 0, 0, tile.width, tile.height);

Что я могу изменить?Спасибо