[]
DEMOS DOC DESIGNER API
DOWNLOAD
(Showing Draft Content)

배경 이미지를 워터마크로 인쇄

SpreadJS를 사용하면 원하는 배경 이미지를 워터마크로 인쇄할 수 있습니다.

이 기능은 회사 로고, 태그라인, 저작권 정보 또는 기타 데이터를 각 페이지 또는 여러 페이지의 배경에 포함하여 워크시트와 함께 인쇄하려는 경우 특히 유용합니다. 이를 통해 브랜드의 신뢰성을 나타내거나 다른 조직에서 콘텐츠를 복사하는 것을 방지할 수 있습니다.

PrintInfo 클래스의 watermark 메서드를 사용하여 배경 이미지를 워터마크로 인쇄할 수 있습니다.

참고:

PrintInfo.watermark 메서드는 인쇄 전용 워터마크에 사용됩니다. 워크시트 보기, 인쇄 출력 및 PDF 내보내기에서 워크시트 콘텐츠 위에 워터마크 형태의 워크시트 배경 이미지를 표시하려면 paintOrder를 "over-content"로 설정한 워크시트 배경 이미지를 사용합니다.

다음 코드 샘플은 배경 이미지를 워터마크로 인쇄하는 방법을 보여줍니다.

document.addEventListener("DOMContentLoaded", function () {
    // Initialize SpreadJS.
    const spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"), { sheetCount: 1 });
    spread.suspendPaint();

    // Get the active sheet.
    const activeSheet = spread.getSheet(0);

    // Set row and column counts.
    activeSheet.setRowCount(200);
    activeSheet.setColumnCount(8);

    // Set values.
    for (let r = 0, rc = activeSheet.getRowCount(); r < rc; r++) {
        for (let c = 0, cc = activeSheet.getColumnCount(); c < cc; c++) {
            activeSheet.setValue(r, c, r + c);
        }
    }

    const printInfo = activeSheet.printInfo();

    // Print the watermark on all pages.
    const watermark1 = {
        x: 0,
        y: 0,
        width: 80,
        height: 80,
        imageSrc: "../image/gc1.png",
        page: "all"
    };

    // Print the watermark on selected pages.
    const watermark2 = {
        x: 650,
        y: 1000,
        width: 100,
        height: 80,
        imageSrc: "../image/gc2.png",
        page: "0,1,3"
    };

    printInfo.watermark([watermark1, watermark2]);

    spread.resumePaint();

    document.getElementById("print").addEventListener("click", function () {
        spread.print();
    });
});