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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。