Fabric.js matrixToSVG() 方法
matrixToSVG() 方法 用于返回指定数组中的一些数字,类似于 “matrix(…numbers)” 。
语法:
matrixToSVG(transform)
参数:
此方法接受一个参数,如上所述,并在下面进行描述:
- transform: 此参数保存包含一些数字的指定数组。
返回值:
此方法返回SVG的变换矩阵,类似于 “matrix(…numbers)” 。
示例 1:
<!DOCTYPE html>
<html>
<head>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.min.js">
</script>
<script type="text/javascript" src=
"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.js">
</script>
</head>
<body>
<script type="text/javascript">
// Calling matrixToSVG() function over
// the specified arrays
console.log(fabric.util.matrixToSVG(
[1, 2, 3, 4, 5, 6]));
console.log(fabric.util.matrixToSVG([0]));
console.log(fabric.util.matrixToSVG([2, 4, 6]));
</script>
</body>
</html>
输出:
matrix(1 2 3 4 5 6)
matrix(0)
matrix(2 4 6)
示例2:
<!DOCTYPE html>
<html>
<head>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.min.js">
</script>
<script type="text/javascript" src=
"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.js">
</script>
</head>
<body>
<script type="text/javascript">
// Specifying some arrays
var a = [2, 4];
var b = [0.1, 2.4];
var c = [1, 3, 5, 7];
// Calling matrixToSVG() function over
// the above specified arrays
console.log(fabric.util.matrixToSVG(a));
console.log(fabric.util.matrixToSVG(b));
console.log(fabric.util.matrixToSVG(c));
</script>
</body>
</html>
输出:
matrix(2 4)
matrix(0.1 2.4)
matrix(1 3 5 7)