SVGMatrix - Web API 接口参考编辑

已废弃
该特性已经从 Web 标准中删除，虽然一些浏览器目前仍然支持它，但也许会在未来的某个时间停止支持，请尽量不要使用该特性。

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.

Warning: SVG 2 replaced the SVGMatrix interface by the more general DOMMatrix and DOMMatrixReadOnly interfaces.

Properties

SVGMatrix.a: A float representing the a component of the matrix.
SVGMatrix.b: A float representing the b component of the matrix.
SVGMatrix.c: A float representing the c component of the matrix.
SVGMatrix.d: A float representing the d component of the matrix.
SVGMatrix.e: A float representing the e component of the matrix.
SVGMatrix.f: A float representing the f component of the matrix.

Methods

SVGMatrix.multiply(): Performs matrix multiplication. This matrix is post-multiplied by another matrix, returning the resulting new matrix as SVGMatrix.
SVGMatrix.inverse(): Returns the inverse matrix as SVGMatrix.
SVGMatrix.translate(): Post-multiplies a translation transformation on the current matrix and returns the resulting matrix as SVGMatrix.
SVGMatrix.scale(): Post-multiplies a uniform scale transformation on the current matrix and returns the resulting matrix as SVGMatrix.
SVGMatrix.scaleNonUniform(): Post-multiplies a non-uniform scale transformation on the current matrix and returns the resulting matrix as SVGMatrix.
SVGMatrix.rotate(): Post-multiplies a rotation transformation on the current matrix and returns the resulting matrix as SVGMatrix.
SVGMatrix.rotateFromVector(): Post-multiplies a rotation transformation on the current matrix and returns the resulting matrix as SVGMatrix. 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.
SVGMatrix.flipX(): Post-multiplies the transformation [-1 0 0 1 0 0] and returns the resulting matrix as SVGMatrix.
SVGMatrix.flipY(): Post-multiplies the transformation [1 0 0 -1 0 0] and returns the resulting matrix as SVGMatrix.
SVGMatrix.skewX(): Post-multiplies a skewX transformation on the current matrix and returns the resulting matrix as SVGMatrix.
SVGMatrix.skewY(): Post-multiplies a skewY transformation on the current matrix and returns the resulting matrix as SVGMatrix.

Exceptions

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

Specifications

Specification	Status	Comment
Scalable Vector Graphics (SVG) 1.1 (Second Edition) SVGMatrix	Recommendation	Initial definition

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

分享到QQ

分享到微博