• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

5. Transforming the Coordinate System > The scale Transformation

The scale Transformation

It is possible to make an object appear larger or smaller than the size at which it was defined by scaling the coordinate system. Such a transformation is specified either as:

transform="scale( value )"

Multiplies all x- and y-coordinates by the given value.

transform="scale( x-value , y-value )"

Multiplies all x-coordinates by the given x-value and all y-coordinates by the given y-value.

Example 5-3 is an example of the first kind of scaling transformation, which uniformly doubles the scale of both axes. Once again, the dotted lines in Figure 5-4 aren’t in the SVG; they simply show the area of the canvas that we’re interested in. Note that the square’s upper left corner is at (10, 10).


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint