Dart API Reference › dart:html › SVGTransform

dart:core

dart:coreimpl

dart:crypto

dart:html

dart:io

dart:isolate

dart:json

dart:uri

dart:utf

dart:web

intl

unittest

SVGTransform Interface

SVGTransform is the interface for one of the component transformations within an SVGTransformList ; thus, an SVGTransform object corresponds to a single component (e.g., scale(…) or matrix(…)) within a transform attribute.

An SVGTransform object can be designated as read only, which means that attempts to modify the object will result in an exception being thrown.

from MDN

Static Fields

Code final int SVG_TRANSFORM_MATRIX # 

static final int SVG_TRANSFORM_MATRIX = 1;

Code final int SVG_TRANSFORM_ROTATE # 

static final int SVG_TRANSFORM_ROTATE = 4;

Code final int SVG_TRANSFORM_SCALE # 

static final int SVG_TRANSFORM_SCALE = 3;

Code final int SVG_TRANSFORM_SKEWX # 

static final int SVG_TRANSFORM_SKEWX = 5;

Code final int SVG_TRANSFORM_SKEWY # 

static final int SVG_TRANSFORM_SKEWY = 6;

Code final int SVG_TRANSFORM_TRANSLATE # 

static final int SVG_TRANSFORM_TRANSLATE = 2;

Code final int SVG_TRANSFORM_UNKNOWN # 

static final int SVG_TRANSFORM_UNKNOWN = 0;

Methods

Code void setMatrix(SVGMatrix matrix) #

Sets the transform type to SVG_TRANSFORM_MATRIX, with parameter matrix defining the new transformation. Note that the values from the parameter matrix are copied.

Exceptions:

  • a DOMException with code NO_MODIFICATION_ALLOWED_ERR is raised when attempting to modify a read only attribute or when the object itself is read only.
from MDN
void setMatrix(SVGMatrix matrix);

Code void setRotate(num angle, num cx, num cy) #

Sets the transform type to SVG_TRANSFORM_ROTATE, with parameter angle defining the rotation angle and parameters cx and cy defining the optional center of rotation.

Exceptions:

  • a DOMException with code NO_MODIFICATION_ALLOWED_ERR is raised when attempting to modify a read only attribute or when the object itself is read only.
from MDN
void setRotate(num angle, num cx, num cy);

Code void setScale(num sx, num sy) #

Sets the transform type to SVG_TRANSFORM_SCALE, with parameters sx and sy defining the scale amounts.

Exceptions:

  • a DOMException with code NO_MODIFICATION_ALLOWED_ERR is raised when attempting to modify a read only attribute or when the object itself is read only.
from MDN
void setScale(num sx, num sy);

Code void setSkewX(num angle) #

Sets the transform type to SVG_TRANSFORM_SKEWX, with parameter angle defining the amount of skew.

Exceptions:

  • a DOMException with code NO_MODIFICATION_ALLOWED_ERR is raised when attempting to modify a read only attribute or when the object itself is read only.
from MDN
void setSkewX(num angle);

Code void setSkewY(num angle) #

Sets the transform type to SVG_TRANSFORM_SKEWY, with parameter angle defining the amount of skew.

Exceptions:

  • a DOMException with code NO_MODIFICATION_ALLOWED_ERR is raised when attempting to modify a read only attribute or when the object itself is read only.
from MDN
void setSkewY(num angle);

Code void setTranslate(num tx, num ty) #

Sets the transform type to SVG_TRANSFORM_TRANSLATE, with parameters tx and ty defining the translation amounts.

Exceptions:

  • a DOMException with code NO_MODIFICATION_ALLOWED_ERR is raised when attempting to modify a read only attribute or when the object itself is read only.
from MDN
void setTranslate(num tx, num ty);

Fields

Code final num angle #

A convenience attribute for SVG_TRANSFORM_ROTATE, SVG_TRANSFORM_SKEWX and SVG_TRANSFORM_SKEWY. It holds the angle that was specified.

For SVG_TRANSFORM_MATRIX, SVG_TRANSFORM_TRANSLATE and SVG_TRANSFORM_SCALE, angle will be zero.
from MDN
final num angle;

Code final SVGMatrix matrix #

The matrix that represents this transformation. The matrix object is live, meaning that any changes made to the SVGTransform object are immediately reflected in the matrix object and vice versa. In case the matrix object is changed directly (i.e., without using the methods on the SVGTransform interface itself) then the type of the SVGTransform changes to SVG_TRANSFORM_MATRIX.

  • For SVG_TRANSFORM_MATRIX, the matrix contains the a, b, c, d, e, f values supplied by the user.
  • For SVG_TRANSFORM_TRANSLATE, e and f represent the translation amounts (a=1, b=0, c=0 and d=1).
  • For SVG_TRANSFORM_SCALE, a and d represent the scale amounts (b=0, c=0, e=0 and f=0).
  • For SVG_TRANSFORM_SKEWX and SVG_TRANSFORM_SKEWY, a, b, c and d represent the matrix which will result in the given skew (e=0 and f=0).
  • For SVG_TRANSFORM_ROTATE, a, b, c, d, e and f together represent the matrix which will result in the given rotation. When the rotation is around the center point (0, 0), e and f will be zero.
from MDN
final SVGMatrix matrix;

Code final int type #

The type of the value as specified by one of the SVG_TRANSFORM_* constants defined on this interface.
from MDN
final int type;

This page includes content from the Mozilla Foundation that is graciously licensed under a Creative Commons: Attribution-Sharealike license. Mozilla has no other association with Dart or dartlang.org. We encourage you to improve the web by contributing to The Mozilla Developer Network.

This page was generated at 2012-08-06 03:10:25.673

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License, and code samples are licensed under the BSD License.

Comments that are not specifically about the API libraries will be moderated and possibly deleted. Because we may incorporate information from comments into the documentation, any comment submitted here is under the same license as the documentation.

Terms of Service | Privacy Policy