Método fabric.js graphemeSplit()

El método graphemeSplit() se usa para dividir una string específica en las unidades individuales percibidas por el usuario, es decir, cada carácter de la string especificada se convertirá en una sola unidad de string.

Sintaxis:

graphemeSplit(textstring)

Parámetros: este método acepta un parámetro como se mencionó anteriormente y se describe a continuación:

  • string de texto: este parámetro contiene la string para dividir.

Valor devuelto: este método devuelve la array que contiene los grafemas que son los caracteres divididos.

Ejemplo 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.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>

Producción:

["G","F","G"]
["G"," ","F"," ","G"]

Ejemplo 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.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>

Producción:

Using graphemeSplit() Function:
["1","2","a","b"]
Without using graphemeSplit() Function:
12ab

Publicación traducida automáticamente

Artículo escrito por Kanchan_Ray y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *