Enviar forma al frente o al fondo dentro de la hoja de cálculo con JavaScript vía C++
Contents
[
Hide
]
Escenarios de uso posibles
Cuando hay varias formas en la misma ubicación, su visibilidad la determina la posición en el orden Z. Aspose.Cells proporciona el método Shape.toFrontOrBack(), que cambia la posición Z de la forma. Para enviar una forma al fondo, usa un número negativo como -1, -2, -3, etc., y para traer una forma al frente, usa un número positivo como 1, 2, 3, etc.
Enviar Forma al Frente o Atrás Dentro de la Hoja de Trabajo
El código de muestra a continuación explica el uso del método Shape.toFrontOrBack(). Por favor, vea el archivo Excel de ejemplo usado en el código y el archivo Excel de salida generado. La captura muestra el efecto del código en el archivo de ejemplo al ejecutarse.
Código de muestra
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Example - Send Shapes Front or Back</title>
</head>
<body>
<h1>Send Shapes to Front or Back 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 } = 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');
const downloadLink = document.getElementById('downloadLink');
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));
// Accessing the first worksheet in the Excel file
const worksheet = workbook.worksheets.get(0);
// Access first and fourth shapes
const shape1 = worksheet.shapes.get(0);
const shape4 = worksheet.shapes.get(3);
// Print the Z-Order position of shape1
resultDiv.innerHTML = `<p>Z-Order Shape 1: ${shape1.zOrderPosition}</p>`;
// Send this shape to front
shape1.toFrontOrBack(2);
// Print the Z-Order position of shape4
resultDiv.innerHTML += `<p>Z-Order Shape 4: ${shape4.zOrderPosition}</p>`;
// Send this shape to back
shape4.toFrontOrBack(-2);
// Saving the modified Excel file and preparing download link
const outputData = workbook.save(SaveFormat.Xlsx);
const blob = new Blob([outputData]);
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'outputToFrontOrBack.xlsx';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download Modified Excel File';
resultDiv.innerHTML += '<p style="color: green;">Operation completed successfully! Click the download link to get the modified file.</p>';
});
</script>
</html>