我如何仅通过使用变换来旋转html画布形状？

Question

我想知道如何仅通过使用transform函数即可旋转图像。根据我的理解，这是不可能的，因为您只能执行以下转换：

• 水平缩放
• 水平倾斜
• 垂直偏斜
• 垂直缩放
• 水平移动
• 垂直移动

来源：https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Transformations

而且我看不出它们中的任何一个如何旋转形状，甚至有可能。我认为这一定有可能，因为旋转实际上是一种类型转换。

Answer 1

您可以轻松旋转图像。您可以指定旋转角度。

来源：https://www.w3schools.com/cssref/css3_pr_transform.asp

<style>
    img.a {
        transform: rotate(180deg);
    }
</style>
<img  class="a" src="https://picsum.photos/id/237/200/300"/>