Working with the Glow Effect of Shape or Chart with JavaScript via C++
Contents
[
Hide
]
Possible Usage Scenarios
Aspose.Cells provides the Shape.glow property along with the GlowEffect class to work with the glow effect of shapes or charts. The GlowEffect class contains the following properties, which can be set to achieve different results according to application requirements.
Working with the Glow Effect of Shape or Chart
The following sample code loads the source Excel file, accesses the first shape in the first worksheet, sets the sub‑properties of the Shape.glow property, and then saves the workbook in the output Excel file.
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Example - Glow Effect</title>
</head>
<body>
<h1>Apply Glow Effect to First Shape</h1>
<input type="file" id="fileInput" accept=".xls,.xlsx,.csv" />
<button id="runExample">Apply Glow Effect</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, 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');
if (!fileInput.files.length) {
document.getElementById('result').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 uploaded file
const workbook = new Workbook(new Uint8Array(arrayBuffer));
// Access first worksheet
const worksheet = workbook.worksheets.get(0);
// Access first shape
const shape = worksheet.shapes.get(0);
// Set the glow effect of the shape, set its size and transparency properties
const glowEffect = shape.glow;
glowEffect.size = 30;
glowEffect.transparency = 0.4;
// Save the workbook in xlsx format
const outputData = workbook.save(SaveFormat.Xlsx);
const blob = new Blob([outputData]);
const downloadLink = document.getElementById('downloadLink');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'output_out.xlsx';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download Modified Excel File';
document.getElementById('result').innerHTML = '<p style="color: green;">Glow effect applied successfully! Click the download link to get the modified file.</p>';
});
</script>
</html>