Как загрузить изображение в определенной ориентации в Visual Studio? - PullRequest
Новая
       27

Как загрузить изображение в определенной ориентации в Visual Studio?

0 голосов
/ 21 июня 2019

Я пытаюсь добавить изображение в мою веб-форму ASP.Net, но изображение загружается в сторону, а не вверх.

Вот код .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>

Издесь изображение неправильной ориентации изображения:

enter image description here

На исходном изображении гитары направлены вверх, но по какой-то причине Visual Studio загружает изображение вбок.Как мне изменить ориентацию, чтобы гитары были направлены вверх?

Есть ли для этого встроенное решение или мне нужно использовать C # в файле CodeBehind для этого?

Я искал тех, у кого возникла такая же проблема, но другие вопросы о вращении изображения здесь были о том, как повернуть изображение при нажатии кнопки или событии.

1 Ответ

1 голос
/ 21 июня 2019

Как предлагается в комментариях, вы можете просто повернуть локальную картинку, но сделать это с помощью 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" />

Ссылка: Поворот изображения в источнике изображения в формате html

...