検索結果

SVGMatrix

この記事内

SVG matrix interface
1. Interface overview
Properties
Methods
Browser compatibility

この記事はまだボランティアによって日本語に翻訳されていません。ぜひ MDN に参加して翻訳を手伝ってください！

SVG matrix interface

Many of SVG's graphics operations utilize 2x3 matrices of the form:

[a c e]
[b d f]

which, when expanded into a 3x3 matrix for the purposes of matrix arithmetic, become:

[a c e]
[b d f]
[0 0 1]

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

Interface overview

Also implement	None
Methods	`SVGMatrix` `multiply(in SVGMatrix secondMatrix)` `SVGMatrix` `inverse()` `SVGMatrix` `translate(in float x, in float y)` `SVGMatrix` `scale(in float scaleFactor)` `SVGMatrix` `scaleNonUniform(in float scaleFactorX, in float scaleFactorY)` `SVGMatrix` `rotate(in float angle)` `SVGMatrix` `rotateFromVector(in float x, in float y)` `SVGMatrix` `flipX()` `SVGMatrix` `flipY()` `SVGMatrix` `skewX(in float angle)` `SVGMatrix` `skewY(in float angle)`
Properties	float `a` float `b` float `c` float `d` float `e` float `f`
Normative document	SVG 1.1 (2nd Edition)

Properties

Name	Type	Description
`a`	float	The a component of the matrix.
`b`	float	The b component of the matrix.
`c`	float	The c component of the matrix.
`d`	float	The d component of the matrix.
`e`	float	The e component of the matrix.
`f`	float	The f component of the matrix.

a DOMException with code NO_MODIFICATION_ALLOWED_ERR is raised when attempting updating a read only attribute or when the object itself is read only.

Methods

Name & Arguments	Return	Description
`multiply(in SVGMatrix secondMatrix)`	`SVGMatrix`	Performs matrix multiplication. This matrix is post-multiplied by another matrix, returning the resulting new matrix.
`inverse()`	`SVGMatrix`	Return the inverse matrix Exceptions: a `DOMException` with code `SVG_MATRIX_NOT_INVERTABLE` is raised if the matrix is not invertable.
`translate(in float x, in float y)`	`SVGMatrix`	Post-multiplies a translation transformation on the current matrix and returns the resulting matrix.
`scale(in float scaleFactor)`	`SVGMatrix`	Post-multiplies a uniform scale transformation on the current matrix and returns the resulting matrix.
`scaleNonUniform(in float scaleFactorX, in float scaleFactorY)`	`SVGMatrix`	Post-multiplies a non-uniform scale transformation on the current matrix and returns the resulting matrix.
`rotate(in float angle)`	`SVGMatrix`	Post-multiplies a rotation transformation on the current matrix and returns the resulting matrix. (angle is measures in degrees.)
`rotateFromVector(in float x, in float y)`	`SVGMatrix`	Post-multiplies a rotation transformation on the current matrix and returns the resulting matrix. The rotation angle is determined by taking (+/-) atan(y/x). The direction of the vector (x, y) determines whether the positive or negative angle value is used. Exceptions: a `DOMException` with code `SVG_INVALID_VALUE_ERR` is raised if one of the parameters has an invalid value.
`flipX()`	`SVGMatrix`	Post-multiplies the transformation [-1 0 0 1 0 0] and returns the resulting matrix.
`flipY()`	`SVGMatrix`	Post-multiplies the transformation [1 0 0 -1 0 0] and returns the resulting matrix.
`skewX(in float angle)`	`SVGMatrix`	Post-multiplies a skewX transformation on the current matrix and returns the resulting matrix.
`skewY(in float angle)`	`SVGMatrix`	Post-multiplies a skewY transformation on the current matrix and returns the resulting matrix.

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support	?	?	9	?	?

Feature	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	?	?	?	?	?

ドキュメントのタグと貢献者

タグ:

このページの貢献者: jwhitlock, fscholz, jhartz, kscarfone, Sheppy, Yukoba, Jeremie

最終更新者: jwhitlock, 2015/08/12 15:38:18