极客教程Fabric.js graphemeSplit()方法
graphemeSplit()方法 用于将指定的字符串分割成用户感知的单个单元，即指定字符串的每个字符将被转换为一个单元的字符串。
语法:
graphemeSplit(textstring)
参数： 此方法接受一个如上所述并在下面描述的参数：
- textstring： 此参数保存要分割的字符串。
返回值： 该方法返回包含划分字符的字符数组。
示例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.min.js.map">
</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">
console.log(fabric.util.string.graphemeSplit("GFG"));
console.log(fabric.util.string.graphemeSplit("G F G"));
</script>
</body>
</html>
输出：
["G","F","G"]
["G"," ","F"," ","G"]
示例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.min.js.map">
</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">
console.log("Using graphemeSplit() Function:");
var value = "12ab";
console.log(fabric.util.string.graphemeSplit(value));
console.log("Without using graphemeSplit() Function:");
var value="12ab";
console.log(value);
</script>
</body>
</html>
输出：
Using graphemeSplit() Function:
["1","2","a","b"]
Without using graphemeSplit() Function:
12ab