PHP imagerotation вращается в фиксированную позицию - PullRequest
0 голосов
/ 18 февраля 2019

Так что я использую imagerotate () для поворота изображения на 90 градусов при нажатии кнопки, используя ajax, который работает нормально, но моя проблема в том, что вращение кажется исправленным?

В основном, когда я нажимаю кнопкуон поворачивает изображение на 90 градусов против часовой стрелки, но когда я нажимаю на него еще раз, он не поворачивает его еще на 90 градусов против часовой стрелки (таким образом, получая его всего 180 градусов), он просто остается в своем текущем положении на 90 градусов.

$img = imagerotate($img, 90, 0);

Это нормальное поведение или я делаю что-то не так?Если так, есть ли другой способ, который я мог бы использовать вместо этого?

Спасибо.

1 Ответ

0 голосов
/ 18 февраля 2019

Вы можете использовать javascript, чтобы сделать это при нажатии довольно легко ( fiddle ), увеличив угол наклона при желании:

var angle = 90;

$('#flower').click(function() {
  $(this).css({
    '-webkit-transform': 'rotate(' + angle + 'deg)',
    '-moz-transform': 'rotate(' + angle + 'deg)',
    '-o-transform': 'rotate(' + angle + 'deg)',
    '-ms-transform': 'rotate(' + angle + 'deg)'
  });
  angle += 90;
});
#flower {
  position: fixed;
  display: block;
  border:1px  solid grey;
  margin-top: 20px;
  margin-left: 20px;
  height: 100px;
  width: 100px;
  padding: 15px;
  transition: all .5s ease-out;
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img src="http://www.rachelgallen.com/images/snowdrops.jpg" id="flower" alt="turning">

Вам нужно будет передать отдельные значения угла в функцию php imagerotate, чтобы вы могли использовать javascript или установить повернутое изображение какисходное изображение для поворота по второму клику с использованием php метода .

Надеюсь, это поможет

...