IT. Expert System.

HTML

Transformations


Transformations

Using Canvas, arbitrary geometric transforms can be applied to any graphics drawn.

The following example shows how the same square can be drawn with translate(), rotate(), and scale():

c.strokeStyle = "red";
c.lineWidth = 1;
c.strokeRect(0,0,30,30);

c.strokeStyle = "green";
c.translate(60,20);
c.strokeRect(0,0,30,30);

c.strokeStyle = "blue";
c.rotate(Math.PI/4);
c.strokeRect(0,0,30,30);

c.strokeStyle = "purple";
c.scale(2,1.5);
c.strokeRect(0,0,30,30);

This code produces the following result:

Browser Support

The following table lists the attributes / methods related to this section and their browser compatibility:

  Firefox IE Chrome Opera Safari
Attributes / Methods          
scale()
rotate()
translate()
transform()
setTransform()


Content

Android Reference

Java basics

Java Enterprise Edition (EE)

Java Standard Edition (SE)

SQL

HTML

PHP

CSS

Java Script

MYSQL

JQUERY

VBS

REGEX

C

C++

C#

Design patterns

RFC (standard status)

RFC (proposed standard status)

RFC (draft standard status)

RFC (informational status)

RFC (experimental status)

RFC (best current practice status)

RFC (historic status)

RFC (unknown status)

IT dictionary

License.
All information of this service is derived from the free sources and is provided solely in the form of quotations. This service provides information and interfaces solely for the familiarization (not ownership) and under the "as is" condition.
Copyright 2016 © ELTASK.COM. All rights reserved.
Site is optimized for mobile devices.
Downloads: 2957 / . Delta: 0.03033 с