Fabric.js matrixToSVG()用法及代码示例

matrixToSVG()方法用于为某些数字的指定数组返回类似“matrix(…numbers)”的值。

用法:

matrixToSVG(transform)

参数：此方法接受如上所述和以下描述的参数：

transform:此参数保存包含一些数字的指定数组。

返回值：此方法为SVG返回转换后的矩阵，例如“matrix(…numbers)”。

范例1：

Javascript

<!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：

Javascript

<!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)

相关用法

注：本文由纯净天空筛选整理自Kanchan_Ray大神的英文原创作品 Fabric.js matrixToSVG() Method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。