/

HTML / CSS / JavaScript Tutorial

JavaScript canvas2d object method: transform()

[this page | pdf | back links]

The transform() method of the JavaScript DOM object returned by the getContext("2d") method applied to the HTML <canvas> element applies a transformation to the current drawing.

 

It has the following syntax with the following parameters:

 

context.transform(x1,x2,x3,x4, x5, x6)

 

Parameter

Required / Optional

Description

x1

Required

Horizontal scaling

x2

Required

Horizontal skew

x3

Required

Vertical skew

x4

Required

Vertical scaling

x5

Required

Horizontal moving

x6

Required

Vertical moving

 


NAVIGATION LINKS
Contents | Prev | Next | JavaScript DOM (and BOM)


Desktop view | Switch to Mobile