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

Question

Михаил @28m28misha10

Люблю кодить

JavaScript

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

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

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

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>
Написано более трёх лет назад

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

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

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

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

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

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

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

JavaScript

+2 ещё

Простой
Как сделать плавное появление скрытых под display: none; карточек по клику на кнопку, при подключеной AOS?
- 1 подписчик
- 14 часов назад
- 77 просмотров
1

ответ
JavaScript

+4 ещё

Сложный
Почему в WebSockets History в Burp Suite отображаются кракозябры?
- 1 подписчик
- вчера
- 79 просмотров
2

ответа
JavaScript

Простой
Как выводить JS код?
- 2 подписчика
- вчера
- 1024 просмотра
1

ответ
JavaScript

Простой
Как заставить срабатывать trigger change в Select2?
- 1 подписчик
- вчера
- 51 просмотр
0

ответов
JavaScript

Простой
Почему появляется ошибка Uncaught Reference?
- 1 подписчик
- 20 дек.
- 83 просмотра
2

ответа
JavaScript

Средний
Порождается ли событие в элементе или оно само по себе?
- 1 подписчик
- 20 дек.
- 97 просмотров
1

ответ
JavaScript

+2 ещё

Средний
Как можно изменить настройки модуля навигации карт Google на Яндекс карты?
- 2 подписчика
- 19 дек.
- 206 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как исправить вёрстку, чтобы блок с изображением не уезжал из-за блока с описанием?
- 1 подписчик
- 19 дек.
- 102 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Как загрузить img в первой очереди при загрузке страницы?
- 1 подписчик
- 19 дек.
- 93 просмотра
1

ответ
JavaScript

+2 ещё

Средний
Какие есть высокоуровневые компонентные javascript фреймворки?
- 1 подписчик
- 19 дек.
- 171 просмотр
1

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

JavaScript Fullstack

OnClass

от 2 000 до 7 000 $

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

3д сцены

23 дек. 2024, в 04:30

10000 руб./за проект

Разработать телеграм бота с реферальной системой, Юкассой и ChatGPT

23 дек. 2024, в 02:13

20000 руб./за проект

Собрать из исходного кода и запустить в докере рабочее приложение с бд

22 дек. 2024, в 22:57

500 руб./за проект

В оперативной памяти поворачивает или куда?
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?

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

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

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