C++ ile JavaScript kullanarak Sayfa İçinde Şekli Ön veya Arka Gönder
Contents
[
Hide
]
Olası Kullanım Senaryoları
Birden fazla şeklin aynı konumda bulunduğu durumlarda, görünürlükleri Z sırasına göre belirlenir. Aspose.Cells Shape.toFrontOrBack() metodunu sağlar, bu da şeklin Z sırasını değiştirir. Bir şekli arkaya göndermek için negatif bir sayı kullanırsınız, örneğin -1, -2, -3, vb., ve öne getirmek için pozitif bir sayı kullanırsınız, örneğin 1, 2, 3, vb.
Çalışma Sayfası İçinde Şekil Önüne veya Arkasına Gönderme
Aşağıdaki örnek kod, Shape.toFrontOrBack() metodunun kullanımını açıklar. Kodda kullanılan örnek Excel dosyasını ve bunun oluşturduğu çıktı Excel dosyasını görebilirsiniz. Ekran görüntüsü kodun çalıştırılmasıyla sample Excel dosyasındaki etkisini gösterir.
Örnek Kod
<!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>