Javascript HTML5仅旋转图像,不旋转画布上下文
有没有办法在画布内旋转图像?我唯一能找到的就是旋转画布的整个上下文。我想在画布上独立旋转图像。不幸的是,您不能直接旋转图像Javascript HTML5仅旋转图像,不旋转画布上下文,javascript,jquery,html,Javascript,Jquery,Html,有没有办法在画布内旋转图像?我唯一能找到的就是旋转画布的整个上下文。我想在画布上独立旋转图像。不幸的是,您不能直接旋转图像 如果你想在位置X上显示宽度W和高度H的图像,你可以用一个角度A(以弧度)旋转,在你的图像中间有一个枢轴是: ctx.translate(-X - W / 2, -Y - H / 2); ctx.rotate(A); ctx.drawImage(YOUR_IMAGE, 0, 0); ctx.rotate(-A); ctx.translate(X + W / 2, Y + H
如果你想在位置X上显示宽度W和高度H的图像,你可以用一个角度A(以弧度)旋转,在你的图像中间有一个枢轴是:
ctx.translate(-X - W / 2, -Y - H / 2);
ctx.rotate(A);
ctx.drawImage(YOUR_IMAGE, 0, 0);
ctx.rotate(-A);
ctx.translate(X + W / 2, Y + H / 2);