Tile Picture as a Texture inside the Shape with JavaScript via C++
Contents
[
Hide
]
Possibili Scenari di Utilizzo
Quando l’immagine è piccola e non copre l’intera superficie della forma senza perdere la sua qualità, hai l’opzione di piastrellarla. La piastrellatura riempie la superficie della forma con un’immagine piccola ripetendola come se fossero piastrelle.
Immagine del piastrella come texture all’interno della forma
Puoi riempire la superficie della forma con un’immagine e tile usando la proprietà Shape.isTiling() e impostandola su true. Vedi il codice di esempio sottostante, il file Excel di esempio e lo screenshot per riferimento.
Screenshot
Codice di Esempio
<!DOCTYPE html>
<html>
<head>
<title>Texture Fill IsTiling Example</title>
</head>
<body>
<h1>Texture Fill IsTiling 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, 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));
// Accessing the first worksheet in the Excel file
const worksheet = workbook.worksheets.get(0);
// Accessing the first shape inside the worksheet
const shape = worksheet.shapes.get(0);
// Tile Picture as a Texture inside the Shape
shape.fill.textureFill.isTiling = true;
// Saving the modified Excel file
const outputData = workbook.save(SaveFormat.Xlsx);
const blob = new Blob([outputData]);
const downloadLink = document.getElementById('downloadLink');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'outputTextureFill_IsTiling.xlsx';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download Modified Excel File';
document.getElementById('result').innerHTML = '<p style="color: green;">Texture fill set to tiling. Click the download link to get the modified file.</p>';
});
</script>
</html>