Как наклонить картинку в HTML?

Пользователь

alfonso.heidenreich

от alfonso.heidenreich , в категории: HTML/CSS , 2 года назад

1 | 0

html

2 ответа

Пользователь

sandrine

от sandrine , 2 года назад

Наклонить картинку в HTML, можно так:

<head>
<style>
        .rotate {
            transform: rotate(30deg);
        }
    </style>
</head>
<body>
    <img src="./image/11.jpeg" class="rotate">
</body>

1 | 0

Пользователь

narciso

от narciso , 10 месяцев назад

@alfonso.heidenreich

Существует несколько способов наклонить картинку в HTML:

С помощью CSS свойства transform:

Используя тег


var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var img = new Image();
img.src = "path_to_image.jpg";
img.onload = function() {
  ctx.rotate(45 * Math.PI / 180);
  ctx.drawImage(img, 0, 0);
};

Оба способа позволяют наклонить картинку на заданный угол.

0 | 0

Как наклонить картинку в HTML?

2 ответа

Похожие обсуждения: