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

transform || HTML5 Canvas

Метод transform Применяет нестандартную матрицу преобразования. Синтаксис transform(a,b,c,d,e,f) Параметры Пример var sin = Math.sin(Math.PI/6); var cos...

Применяет нестандартную матрицу преобразования.

Синтаксис

transform(a,b,c,d,e,f)

Параметры

transform

Пример

var sin = Math.sin(Math.PI/6);  
var cos = Math.cos(Math.PI/6);  
ctx.translate(200, 200);  
var c = 0;  
for (var i=0; i

В живую.

Чтобы применять этот метод придется вспомнить математику.

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

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

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

  • 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
  • rotate || 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
  • 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