### 使用CSS旋转HTML中的图像 对于在网页上展示的图像，可以通过应用`transform: rotate(90deg)`来使图片顺时针方向旋转90度[^1]。此方法适用于任何支持CSS3浏览器内的HTML `<img>`标签或是带有背景图的容器。 ```css /* CSS样式 */ .rotated-image { transform: rotate(90deg); /* 图像顺时针旋转90度 */ } ``` 为了将上述效果应用于特定的图片，在对应的HTML文件中需给目标`<img>`元素添加类名： ```html <!-- HTML代码 --> <img src="path/to/image.jpg" class="rotated-image"> ``` ### 利用OpenCV库进行Python端的图像操作 当涉及到服务器端处理或批量修改本地存储的照片时，可借助于Python编程语言及其强大的计算机视觉库——OpenCV完成更复杂的变换任务。下面给出了一段能够实现逆时针旋转90度的具体实例代码片段[^2][^3]。 ```python import cv2 def rotate_image_90_degrees(image_path): # 加载原始图像 img = cv2.imread(image_path) # 获取图像尺寸 (rows, cols) = img.shape[:2] # 计算中心点并构建旋转矩阵 M = cv2.getRotationMatrix2D((cols / 2, rows / 2), -90, 1) # 应用仿射变换执行实际旋转 rotated_img = cv2.warpAffine(img, M, (cols, rows)) return rotated_img ``` 这段脚本定义了一个名为`rotate_image_90_degrees()`函数，接收待处理图片路径作为参数，并返回经过旋转变换后的NumPy数组形式的新图像对象。 ### Android平台上的ImageView组件特性 针对移动端开发场景下想要达到相同目的的情况，Android SDK提供了专门用于显示图形资源视图控件——`ImageView`，它不仅限于简单地呈现静态素材，还具备内置功能可以直接通过XML布局文件配置或者Java/Kotlin源码动态调整所关联媒体项的角度位置[^4]。 ```xml <!-- XML布局文件 --> <ImageView android:id="@+id/myImage" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/sample_image" android:rotation="-90"/> ``` 以上三种方式分别对应不同应用场景下的解决方案，无论是前端Web页面设计还是后台服务逻辑编写亦或者是原生应用程序界面定制均能有效满足需求。