ReportViewer

const viewer = new RealReport.ReportViewer (
    container: string | HTMLDivElement,
    reportForm?: ReportForm,
    dataSet?: ReportDataSet,
    options?: ReportOptions
)

{
  "page": {
    "pageHeader": {
      "items": [
        {
          "type": "text",
          "text": "리포트 제목",
          "styles": {
            "fontSize": "25px",
            "fontWeight": "bold",
          }
        }
      ]
    },
    "body": {
      "items": [
        {
          "type": "text",
          "text": "RealReport는 Javascript를 이용해 간단하게 리포트를 출력 할 수 있습니다.",
          "height": "100px",
        }
      ]
    }
  }
}

// 동기 방식으로 미리보기
viewer.preview();
// 비동기 방식으로 미리보기
viewer.preview({async: true, pageMark: false, noscroll: true});

viewer.print();

const previewHtml = viewer.getHtml();

viewer.first();

viewer.prev();

viewer.next();

viewer.last();

ReportViewer.zoomIn(scale: number): void;

viewer.zoomIn();
viewer.zoomIn(0.2);

ReportViewer.zoomOut(scale: number): void;

viewer.zoomOut();
viewer.zoomOut(0.3);

ReportViewer.fitToHeight(): void;

viewer.fitToHeight();

ReportViewer.fitToPage(): void;

viewer.fitToPage();

ReportViewer.fitToWidth(): void;

viewer.fitToWidth();

ReportViewer.exportPdf(options: PdfExportOptions): Promise<void>;

const fonts = [
    {
        name: 'regular',
        content: malgun,
        style: 'normal',
        weight: 'normal'
    }, {
        name: 'bold',
        content: malgunBold,
        style: 'normal',
        weight: 'bold'
    }
]
const oldZoom = viewer.zoom;
viewer.zoom = 1;
viewer.exportPdf({
        fonts,
        filename: 'sample-pdf-filename.pdf',
        preview: false
    }).then(() => {
        reportView.zoom = oldZoom
    });

ReportViewer.exportPdfBlob(options: PDFExportBlobOptions): Promise<Blob>;

const fonts = [
    {
        name: 'regular',
        content: malgun,
        style: 'normal',
        weight: 'normal'
    }, {
        name: 'bold',
        content: malgunBold,
        style: 'normal',
        weight: 'bold'
    }
]
const oldZoom = viewer.zoom;
viewer.zoom = 1;
viewer.exportPdfBlob({
        fonts
    }).then((blob) => {
        console.log(blob)
    });

ReportViewer.exportImage(imageOptions?: ImageExportOptions): Promise<void>;

viewer.exportImage({ type: 'png' });
viewer.exportImage({ type: 'png', fileName: 'sample-report.png' });

ReportViewer.exportDocument(documentOptions?: DocExportOptions): Promise<void>;

viewer.exportDocument({ type: 'hwp' });