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

Question

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

这是.aspx代码：

__contains__

下面是图像方向错误的图片：

原始图片的吉他朝上，但由于某些原因，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