Поворот объектов с помощью JavaScript: CSS, SVG, Canvas и jQuery

Чтобы повернуть объект с помощью JavaScript, вы можете использовать различные методы. Вот несколько приемов:

  1. Преобразования CSS: примените свойство CSS transform, чтобы повернуть объект. Вы можете использовать функцию rotate(), чтобы указать поворот в градусах.

    element.style.transform = "rotate(45deg)";

  2. Преобразования SVG. Если вы работаете с элементами SVG, вы можете использовать метод setAttribute(), чтобы изменить атрибут transformи повернуть объект.

    element.setAttribute("transform", "rotate(45)");

  3. 2D-контекст холста. Если вы работаете с элементом HTML5 Canvas, вы можете использовать метод rotate()контекста 2D-рендеринга для поворота объекта.

    context.rotate(Math.PI / 4);

  4. jQuery: если вы используете библиотеку jQuery, вы можете использовать метод css(), чтобы применить поворот к объекту.

    $("#elementId").css("transform", "rotate(45deg)");