Javascript 固定方向（方向5-8）后如何修复错误的画布绘制 问题

定位后图像布局错误（5-8）。 我在图像中固定了exif方向，在方向为1-4的图片中也可以， 但当我试图修正方向5-8时，布局是错误的

代码 这是我的密码：

var canvas=document.createElement（“canvas”）；
var ctx=canvas.getContext（'2d'）；
var-orientation=tile.orientation；
如果（4<方向和方向<9）{
canvas.height=tile.width；
canvas.width=tile.height；
}否则{
canvas.width=tile.width；
canvas.height=tile.height；
}
开关（方向）{
案例2:ctx.transform（-1,0,0,1，tile.width，0）；break；
案例3:ctx.transform（-1,0,0，-1，tile.width，tile.height）；break；
案例4:ctx.transform（1,0,0，-1,0，tile.height）；break；
案例5:ctx.transform（0,1,1,0,0,0）；break；
案例6:ctx.transform（0,1，-1,0，tile.height，0）；break；
案例7:ctx.transform（0，-1，-1,0，tile.height，tile.width）；break；
案例8:ctx.transform（0，-1，1，0，0，tile.width）；break；
默认：中断；
}
ctx.drawImage（tile.imageDataPreview，0，0，tile.width，tile.height）；

问题: 我应该更改什么以获得正确的布局？谢谢