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 GlowEffect class to work with the glow effect of shape or chart. The GlowEffect class contains the following properties which can be set to achieve different results as per application requirements.
Working with the Glow Effect of Shape or Chart
The following sample code loads the source excel file and accesses the first shape in the first worksheet and sets the sub-properties of Shape.glow property and then saves the workbook in 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>