Read Color of Shape's Glow Effect with JavaScript via C++
Contents
[
Hide
]
Possible Usage Scenarios
If you want to read the color of the glow effect of any shape, then please use the Shape.color property. It will help you find the various properties relating to the color of the glow effect of the shape.
Read Color of the Glow Effect of Shape
Please see the following sample code and its source excel file and the console output for your reference. The following screenshot shows the glow effect of the shape inside the source excel file when viewed in Microsoft Excel.
JavaScript code to read color of shape’s glow effect
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Example</title>
</head>
<body>
<h1>Read Glow Effect Color Example</h1>
<input type="file" id="fileInput" accept=".xls,.xlsx,.csv" />
<button id="runExample">Run Example</button>
<a id="downloadLink" style="display: none;">Download Result</a>
<div id="result"></div>
</body>
<script src="aspose.cells.js.min.js"></script>
<script type="text/javascript">
const { Workbook, SaveFormat, Worksheet, Cell, Utils } = AsposeCells;
AsposeCells.onReady({
license: "/lic/aspose.cells.enc",
fontPath: "/fonts/",
fontList: [
"arial.ttf",
"NotoSansSC-Regular.ttf"
]
}).then(() => {
console.log("Aspose.Cells initialized");
});
document.getElementById('runExample').addEventListener('click', async () => {
const fileInput = document.getElementById('fileInput');
const resultDiv = document.getElementById('result');
if (!fileInput.files.length) {
resultDiv.innerHTML = '<p style="color: red;">Please select an Excel file.</p>';
return;
}
const file = fileInput.files[0];
const arrayBuffer = await file.arrayBuffer();
// Instantiating a Workbook object from the uploaded file
const workbook = new Workbook(new Uint8Array(arrayBuffer));
// Access the first worksheet
const sheet = workbook.worksheets.get(0);
// Access the shape
const shape = sheet.shapes.get(0);
// Read the glow effect color and its various properties
const effect = shape.glow;
const color = effect.color;
const colorValue = color.color;
const colorIndex = color.colorIndex;
const isShapeColor = color.isShapeColor;
const transparency = color.transparency;
const type = color.type;
console.log("Color: " + colorValue);
console.log("ColorIndex: " + colorIndex);
console.log("IsShapeColor: " + isShapeColor);
console.log("Transparency: " + transparency);
console.log("Type: " + type);
resultDiv.innerHTML = `
<h2>Glow Effect Color Properties</h2>
<ul>
<li><strong>Color:</strong> ${colorValue}</li>
<li><strong>ColorIndex:</strong> ${colorIndex}</li>
<li><strong>IsShapeColor:</strong> ${isShapeColor}</li>
<li><strong>Transparency:</strong> ${transparency}</li>
<li><strong>Type:</strong> ${type}</li>
</ul>
`;
});
</script>
</html>
Console Output
Color: Color [A=222, R=255, G=0, B=0]
ColorIndex: 16711672
IsShapeColor: True
Transparency: 0.13
Type: RGB