Fabric.js sourceFromHex() 方法
sourceFromHex() 方法用于以十六进制(HEX)格式返回指定颜色值的颜色数组表示。
语法:
sourceFromHex( color )
参数: 该方法接受如上所述并在以下描述的一个参数:
- color: 此参数保存指定颜色值的十六进制格式。
返回值: 此方法以RGBA(红色,绿色,蓝色和alpha透明度)格式返回指定颜色值的颜色数组表示形式,格式为十六进制(HEX)。
示例1:
<!DOCTYPE html>
<html>
<head>
<!-- Adding the FabricJS library -->
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.min.js">
</script>
</head>
<body>
<script type="text/javascript">
// Calling the sourceFromHex() function over
// the color value in HEX format
console.log(fabric.Color.sourceFromHex("FF00FF"));
</script>
</body>
</html>
输出:
[255, 0, 255, 1]
示例2:
<!DOCTYPE html>
<html>
<head>
<!-- Adding the FabricJS library -->
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.min.js">
</script>
</head>
<body>
<script type="text/javascript">
// Initializing some color values in HEX format
var Purple = "800080";
var Lime = "00FF00";
var Yellow = "FFFF00";
// Calling the sourceFromHex() function over
// the above color values
console.log(fabric.Color.sourceFromHex(Purple));
console.log(fabric.Color.sourceFromHex(Lime));
console.log(fabric.Color.sourceFromHex(Yellow));
</script>
</body>
</html>
输出:
[128,0,128,1]
[0,255,0,1]
[255,255,0,1]