Infoga bakgrundsbild i Excel med JavaScript via C++
Contents
[
Hide
]
Du kan göra ett kalkylblad mer lockande genom att lägga till en bild som bakgrund. Denna funktion kan vara ganska effektiv om du har en speciell företagsgrafik som lägger till en antydan till bakgrunden utan att dölja data på bladet. Du kan ange bakgrundsbild för ett blad med Aspose.Cells API.
Ange bakgrund på kalkylblad i Microsoft Excel
För att ange ett kalkylblads bakgrundsbild i Microsoft Excel (t.ex. Microsoft Excel 2019):
-
Från menyn Sidlayout, hitta alternativet Sidlayout och klicka sedan på alternativet Bakgrund.
-
Välj en bild för att sätta kalkylbladets bakgrundsbild.
Ange en ark-bakgrund
Ställa in bladets bakgrund med Aspose.Cells for JavaScript via C++
Koden nedan ställer in en bakgrundsbild med en bild från en ström.
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Example - Set Worksheet Background Image</title>
</head>
<body>
<h1>Set Worksheet Background Image Example</h1>
<p>
Select a background image to apply to a new workbook's first worksheet,
then click "Apply Background & Save" to generate XLSX and HTML files.
</p>
<input type="file" id="bgInput" accept="image/*" />
<button id="runExample">Apply Background & Save</button>
<a id="downloadXlsx" style="display: none; margin-left: 10px;"></a>
<a id="downloadHtml" style="display: none; margin-left: 10px;"></a>
<div id="result" style="margin-top: 1em;"></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 bgInput = document.getElementById('bgInput');
const resultDiv = document.getElementById('result');
if (!bgInput.files.length) {
resultDiv.innerHTML = '<p style="color: red;">Please select a background image file.</p>';
return;
}
const bgFile = bgInput.files[0];
const arrayBuffer = await bgFile.arrayBuffer();
const imgBytes = new Uint8Array(arrayBuffer);
// Create a new Workbook.
const workbook = new Workbook();
// Get the first worksheet.
const sheet = workbook.worksheets.get(0);
// Set the background image for the worksheet.
sheet.backgroundImage = imgBytes;
// Save the Excel file (XLSX)
const xlsxData = workbook.save(SaveFormat.Xlsx);
const blobXlsx = new Blob([xlsxData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
const downloadXlsx = document.getElementById('downloadXlsx');
downloadXlsx.href = URL.createObjectURL(blobXlsx);
downloadXlsx.download = 'outputBackImageSheet.xlsx';
downloadXlsx.style.display = 'inline';
downloadXlsx.textContent = 'Download Excel File';
// Save the HTML file
const htmlData = workbook.save(SaveFormat.Html);
const blobHtml = new Blob([htmlData], { type: 'text/html' });
const downloadHtml = document.getElementById('downloadHtml');
downloadHtml.href = URL.createObjectURL(blobHtml);
downloadHtml.download = 'outputBackImageSheet.html';
downloadHtml.style.display = 'inline';
downloadHtml.textContent = 'Download HTML File';
resultDiv.innerHTML = '<p style="color: green;">Background image applied. Download links are ready.</p>';
});
</script>
</html>