如何在 Visual Studio 中以特定方向加载图像？

Question

我正在尝试将图像添加到我的 ASP.Net Web 表单，但图像是横向加载的，而不是向上加载的。

这是 .aspx 代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Kuva.aspx.cs" Inherits="Kuva.Kuva" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:Image ID="Image1" runat="server" Height="235px" ImageUrl="~/App_Data/WP_20141225_21_42_13_Rich.jpg" Width="246px" />
        </div>
    </form>
</body>
</html>

还有一张图片方向错误的图片：

原始图片的吉他面朝上，但由于某种原因 Visual Studio 加载图像时是横向的。如何更改方向以使吉他指向上方？

是否有针对此问题的任何内置解决方案，或者我是否需要在 CodeBehind 文件上使用 C# 才能实现此目的？

我四处寻找遇到同样问题的人，但这里的其他图像旋转问题是如何在按钮单击或事件时旋转图像。

Answer 1

按照评论中的建议，您可以只旋转本地图片，但要做到这一点 CSS:

添加CSS样式（放在head标签中）：

<style type="text/css">
.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
</style>

然后

<asp:Image ID="Image1" runat="server" Height="235px" ImageUrl="~/App_Data/WP_20141225_21_42_13_Rich.jpg" Width="246px" class="rotate90" />

参考：Rotate an image in image source in html

如何在 Visual Studio 中以特定方向加载图像？

How to load image in specific orientation in Visual Studio?

c#

asp.net

image

orientation