Есть ли такая функция javascript?

Question

Михаил @28m28misha10

Люблю кодить

JavaScript

Есть ли такая функция javascript?

Есть ли такая функция джава скрипт которая поворачивает обьект в определённое количество градусов?

Вопрос задан более трёх лет назад
153 просмотра

7 комментариев

Подписаться 1 Простой 7 комментариев

Ярослав Иванов @space2pacman

Нет

Написано более трёх лет назад
Dima Polos @dimovich85 Куратор тега JavaScript

В оперативной памяти поворачивает или куда?

Написано более трёх лет назад
Михаил @28m28misha10 Автор вопроса

Dima Polos, Извините, я не совсем вас понимаю, можете чуть-чуть поподробнее.

Написано более трёх лет назад

Михаил @28m28misha10 Автор вопроса

Если что вот код моей мини игры на джаве:

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!--<button onclick="let year = prompt('В каком году появилась спецификация ECMAScript-2015?', '');

if (year == 2015) alert( 'да!' );">ggt</button>-->
<script>
let 1 box = '0' ;
</script>
<p id="moto" style="position:absolute; top:100px; left:0px">1</p>
<button id="btn_modal_window" style="color: #fff;
  text-decoration: none;
  user-select: none;
  background: rgb(212,75,56);
  padding: .7em 1.5em;
  outline: none;
  border: 1px solid black;">Shoр</button>
  <div id="my_modal" class="modal">
    <div class="modal_content">
      <span class="close_modal_window">x</span>
      <h2 align="center">Shop</h2>
<script>
let q6 = '5';
alert(q6);
let i = 100;

//while (i) {
  //alert ( i-- );
//}
</script>
      <p>Ввести код
       <button onclick="let year = prompt('', '');

if (year == 2015) {alert( 'Вы правы!' );q6 = '1000';alert(q6);}">ggt</button></p>
    </div>
  </div>
<style>
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.6);
    z-index: 1000;
}
.modal .modal_content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    z-index: 99999;
}
.modal .modal_content .close_modal_window {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}
</style>
<script>
var modal = document.getElementById("my_modal");
 var btn = document.getElementById("btn_modal_window");
 var span = document.getElementsByClassName("close_modal_window")[0];

 btn.onclick = function () {
    modal.style.display = "block";
 }

 span.onclick = function () {
    modal.style.display = "none";
 }

 window.onclick = function (event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}
</script>
<!--<input type="button" value="Shop"
id="btn_modal_window">-->
<input type="button" value="|" onclick="car_down()" style="color: #fff;
  text-decoration: none;
  user-select: none;
  background: rgb(212,75,56);
  padding: .7em 1.5em;
  outline: none;
  border: 1px solid black;">
<input type="button" value="^" onclick="car_up()" style="color: #fff;
  text-decoration: none;
  user-select: none;
  background: rgb(212,75,56);
  padding: .7em 1.5em;
  outline: none;
  border: 1px solid black;">
<input type="button" value="<" onclick="car_left()" style="color: #fff;
  text-decoration: none;
  user-select: none;
  background: rgb(212,75,56);
  padding: .7em 1.5em;
  outline: none;
  border: 1px solid black;">
<input type="button" value=">" onclick="car_right()" style="color: #fff;
  text-decoration: none;
  user-select: none;
  background: rgb(212,75,56);
  padding: .7em 1.5em;
  outline: none;
  border: 1px solid black;">
<p>Money: </p><h2 id="q6"></h2>
<div id="qwerty"></div>
<script>
let money = '1';
alert(money);
  let deg = '0';
  alert(deg);
  let windowWidth = window.innerWidth;
  let windowHeight = window.innerHeight;

  function car_down() {
    x = document.getElementById("moto").offsetTop;
    xn = x + 50;
    if (xn > windowHeight) {
      xn = windowHeight - 50;
    }
    document.getElementById("moto").style.top = xn + "px";
  }

  function car_up() {
    x = document.getElementById("moto").offsetTop;
    xn = x - 50;
    if (xn < 50) {
      xn = 50
    }
    document.getElementById("moto").style.top = xn + "px";
  }

  function car_left() {
    x = document.getElementById("moto").offsetLeft;
    xn = x - 50;
    if (xn <= 0) {
      xn = 0;
    }
    document.getElementById("moto").style.left = xn + "px"
  }

  function car_right() {
    x = document.getElementById("moto").offsetLeft;
    xn = x + 50;
    if (xn >= windowWidth) {
      xn = windowWidth - 50;
    }
    document.getElementById("moto").style.left = xn + "px"
  }
</script>
</body>
</html>

Написано более трёх лет назад

vorteggs @vorteggs

Скорее всего вы хотите свойство transform и его значение translate из языка CSS

Написано более трёх лет назад
Dima Polos @dimovich85 Куратор тега JavaScript

28m28misha10, это не java, это javascript, и Ваш вопрос некорректный, потому что какой объект Вы собрались поворачивать? Ответы Вам по делу дали - трансформ матрица, трансорм ротейт, как частный случай и тд, все это и на css можно, а на канвасе сложнее, но тоже можно.

Написано более трёх лет назад
Михаил @28m28misha10 Автор вопроса
Dima Polos,
<p id="moto" style="position:absolute; top:100px; left:0px">1</p>
Написано более трёх лет назад

Помогут разобраться в теме Все курсы

Skillbox

JavaScript

3 месяца

Далее
Яндекс Практикум

Фронтенд-разработчик расширенный

13 месяцев

Далее
Академия Eduson

Fullstack-разработчик на JavaScript

11 месяцев

Далее

Пригласить эксперта

Ответы на вопрос 2

4 комментария

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

Средний
Как сделать, чтобы легенды не «наежали» на график?
- 1 подписчик
- 5 часов назад
- 48 просмотров
0

ответов
JavaScript

+2 ещё

Средний
Как можно реализовать что то вроде селекта внутри родителя у которого есть скрытые элементы и должна быть горизонтальная прокрутка?
- 1 подписчик
- 11 дек.
- 158 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как идентифицировать проксированные ошибки?
- 1 подписчик
- 05 дек.
- 132 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как сделать резкое переключение слайдов?
- 1 подписчик
- 03 дек.
- 178 просмотров
0

ответов
JavaScript

Простой
Как сделать чтоб условия не перезаписывались?
- 1 подписчик
- 02 дек.
- 252 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Элемент стилизации на js, как сделать чтобы не было резкой смены картинки фона?
- 1 подписчик
- 27 нояб.
- 220 просмотров
1

ответ
JavaScript

Простой
Переход по ссылке с параметром на конкретный узел в vis.js?
- 1 подписчик
- 24 нояб.
- 119 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как сделать сложную виртуализацию?
- 1 подписчик
- 22 нояб.
- 295 просмотров
2

ответа
JavaScript

Простой
В цикле for много кнопок как сделать .addEventListener('click', к каждой кнопке?
- 1 подписчик
- 16 нояб.
- 323 просмотра
3

ответа
JavaScript

+2 ещё

Простой
Как получить события VK.VideoPlayer используя JS?
- 1 подписчик
- 11 нояб.
- 213 просмотров
1

ответ
Показать ещё Загружается…

Fullstack JavaScript разработчик

MakeDifference

от 60 000 до 110 000 ₽

Frontend-разработчик (Vanilla JS, high-load media platform)

Karma8

от 200 000 до 300 000 ₽

React разработчик

ITK academy • Нижний Новгород

от 50 000 до 90 000 ₽

В оперативной памяти поворачивает или куда?
Dima Polos, Извините, я не совсем вас понимаю, можете чуть-чуть поподробнее.
Скорее всего вы хотите свойство transform и его значение translate из языка CSS
28m28misha10, это не java, это javascript, и Ваш вопрос некорректный, потому что какой объект Вы собрались поворачивать? Ответы Вам по делу дали - трансформ матрица, трансорм ротейт, как частный случай и тд, все это и на css можно, а на канвасе сложнее, но тоже можно.
Dima Polos,
<p id="moto" style="position:absolute; top:100px; left:0px">1</p>

Answer 1 · 2020-07-05 12:22:58

Александр @Seasle Куратор тега JavaScript

Вперед и с песней!

Ответ написан более трёх лет назад

4 комментария

Answer 2 · 2020-07-05 12:22:54

neroslava @neroslava

Есть вариант изменить css через js

document.getElementById("block").style.transform = "rotate(45deg)"

Ответ написан более трёх лет назад

Комментировать

Есть ли такая функция javascript?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт