تصدير نطاق الخلايا في ورقة عمل إلى صورة باستخدام JavaScript عبر C++

سيناريوهات الاستخدام المحتملة

يمكنك عمل صورة لورقة عمل باستخدام Aspose.Cells for JavaScript عبر C++. ومع ذلك، أحيانًا تحتاج إلى تصدير نطاق محدد من الخلايا في ورقة العمل إلى صورة. يوضح هذا المقال كيفية تحقيق ذلك.

تصدير مجموعة من الخلايا في ورقة عمل إلى صورة

للحصول على صورة لنطاق، اضبط منطقة الطباعة على النطاق المطلوب ثم اضبط الهوامش على 0. أيضًا قم بضبط ImageOrPrintOptions.onePagePerSheet على true. يأخذ الكود التالي صورة للنطاق D8:G16. فيما يلي لقطة شاشة لملف Excel النموذجي المستخدم في الكود. يمكنك تجربة الكود مع أي ملف Excel.

صورة للملف الإكسل العيني وصورته المصدرية

todo:image_alt_text

تنفيذ الكود ينشئ صورة للمدى D8:G16 فقط.

todo:image_alt_text

الكود المثالي

<!DOCTYPE html>
<html>
    <head>
        <title>Aspose.Cells Example - Export Range To Image</title>
    </head>
    <body>
        <h1>Export Range Of Cells In Worksheet To Image</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, ImageOrPrintOptions, ImageType, SheetRender } = 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();

            // Create workbook from uploaded file.
            const workbook = new Workbook(new Uint8Array(arrayBuffer));

            // Access the first worksheet
            const worksheet = workbook.worksheets.get(0);

            // Set the print area with your desired range
            worksheet.pageSetup.printArea = "D8:G16";

            // Set all margins as 0
            worksheet.pageSetup.leftMargin = 0;
            worksheet.pageSetup.rightMargin = 0;
            worksheet.pageSetup.topMargin = 0;
            worksheet.pageSetup.bottomMargin = 0;

            // Set OnePagePerSheet option as true and image options
            const options = new ImageOrPrintOptions();
            options.onePagePerSheet = true;
            options.imageType = ImageType.Jpeg;
            options.horizontalResolution = 200;
            options.verticalResolution = 200;

            // Take the image of your worksheet
            const sr = new SheetRender(worksheet, options);
            const outputData = sr.toImage(0);

            const blob = new Blob([outputData], { type: 'image/jpeg' });
            const downloadLink = document.getElementById('downloadLink');
            downloadLink.href = URL.createObjectURL(blob);
            downloadLink.download = 'outputExportRangeOfCellsInWorksheetToImage.jpg';
            downloadLink.style.display = 'block';
            downloadLink.textContent = 'Download Image';

            document.getElementById('result').innerHTML = '<p style="color: green;">Image exported successfully! Click the download link to download the image.</p>';
        });
    </script>
</html>
تحويل ورقة العمل إلى صورة إزالة المساحات الفارغة حول البيانات باستخدام JavaScript عبر C++ تحويل ورقة العمل إلى صورة وتحويل صفحة من ورقة العمل إلى صورة باستخدام JavaScript عبر C++