Главная/ Полные справочники по веб-разработке: HTML, CSS и JavaScript/ Справочник по Canvas API: 2D-графика и интерактивный рендеринг на JavaScript/ 2D Api/ rotate || HTML5 Canvas

rotate || HTML5 Canvas

Метод rotate Поворачивает полотно на заданный угол вокруг точки начала координат. Синтаксис rotate(angle) Параметры angle —...

Поворачивает полотно на заданный угол вокруг точки начала координат.

Синтаксис

rotate(angle)

Параметры

angle — угол поворота в радианах.

Пример

ctx.rotate(Math.PI / 4); // поворот на 45 градусов
	
ctx.fillStyle = "red";
ctx.fillRect(150,10,300,100);

В живую.

Теги: , ,
Показать комментарии

Смотрите также в этом разделе

Смежные материалы, которые могут быть вам полезны

  • 2D API
  • addColorStop || HTML5 Canvas
  • arc || HTML5 Canvas
  • bezierCurveTo || HTML5 Canvas
  • clip || HTML5 Canvas
  • closePath || HTML5 Canvas
  • createLinearGradient || HTML5 Canvas
  • createPattern || HTML5 Canvas
  • createRadialGradient || HTML5 Canvas
  • drawImage || HTML5 Canvas
  • fill || HTML5 Canvas
  • fillStyle || HTML5 Canvas
  • fillText || HTML5 Canvas
  • font || HTML5 Canvas
  • globalAlpha || HTML5 Canvas
  • globalCompositeOperation || HTML5 Canvas
  • isPointInPath || HTML5 Canvas
  • lineCap || HTML5 Canvas
  • lineJoin || HTML5 Canvas
  • lineTo || HTML5 Canvas
  • lineWidth || HTML5 Canvas
  • miterLimit || HTML5 Canvas
  • quadraticCurveTo || HTML5 Canvas
  • restore || HTML5 Canvas
  • save || HTML5 Canvas
  • scale || HTML5 Canvas
  • setTransform || HTML5 Canvas
  • shadowBlur || HTML5 Canvas
  • shadowColor || HTML5 Canvas
  • shadowOffsetX || HTML5 Canvas
  • shadowOffsetY || HTML5 Canvas
  • stroke || HTML5 Canvas
  • strokeStyle || HTML5 Canvas
  • strokeText || HTML5 Canvas
  • textAlign || HTML5 Canvas
  • textBaseline || HTML5 Canvas
  • transform || HTML5 Canvas
  • translate || HTML5 Canvas
  • Метод moveTo || HTML5 Canvas
  • Метод beginPath || HTML5 Canvas
  • Метод clearRect html5 canvas
  • Метод createImageData || HTML5 Canvas
  • Метод fillRect || прямоугольник. HTML5 Canvas
  • Метод fillStroke || прямоугольник. HTML5 Canvas
  • Метод getImageData || HTML5 Canvas
  • Метод putImageData || HTML5 Canvas
  • Метод strokeRect || HTML5 Canvas
  • Метод toDataURL || HTML5 Canvas