import * as fs from "fs"; import { Document, Packer, Paragraph, PageOrientation, ImageRun, HorizontalPositionRelativeFrom, VerticalPositionRelativeFrom, convertMillimetersToTwip, FrameAnchorType, HorizontalPositionAlign, VerticalPositionAlign, TextRun, AlignmentType, ShadingType, } from "docx"; import { join } from "path"; import * as QR from "qrcode"; function cm(centimeters: number) { return convertMillimetersToTwip((100 * centimeters) / 150); } function cmToEmu(cm: number) { return Math.round(cm * 360000); } function cmText(cm: number) { return Math.round(cm * 567); } type ImgConfig = { name: string, height: number, width: number, horizontalOffset: number, verticalOffset: number, } function getImage(data: ImgConfig): ImageRun { return new ImageRun({ data: fs.readFileSync(join(__dirname, "img", data.name)), transformation: { height: cm(data.height), width: cm(data.width), }, floating: { zIndex: 0, horizontalPosition: { relative: HorizontalPositionRelativeFrom.LEFT_MARGIN, offset: cmToEmu(data.horizontalOffset), }, verticalPosition: { relative: VerticalPositionRelativeFrom.TOP_MARGIN, offset: cmToEmu(data.verticalOffset), }, }, }); } const imgFondoDoc = new ImageRun({ data: fs.readFileSync(join(__dirname, "img", "fondo_certificado.png")), transformation: { height: cm(20.97), width: cm(29.8), }, floating: { zIndex: 0, horizontalPosition: { relative: HorizontalPositionRelativeFrom.LEFT_MARGIN, offset: 0, }, verticalPosition: { relative: VerticalPositionRelativeFrom.TOP_MARGIN, offset: 0, }, behindDocument: true, }, }); const imgMatpel = new ImageRun({ data: fs.readFileSync(join(__dirname, "img", "matpel-logo.png")), transformation: { height: cm(2.81), width: cm(2.81), }, floating: { zIndex: 1, horizontalPosition: { relative: HorizontalPositionRelativeFrom.LEFT_MARGIN, offset: cmToEmu(0.7), }, verticalPosition: { relative: VerticalPositionRelativeFrom.TOP_MARGIN, offset: cmToEmu(0.7), }, }, }); const imgCIP = new ImageRun({ data: fs.readFileSync(join(__dirname, "img", "colegio_ingenieros_logo.png")), transformation: { height: cm(2.15), width: cm(2.15), }, floating: { zIndex: 1, horizontalPosition: { relative: HorizontalPositionRelativeFrom.LEFT_MARGIN, offset: cmToEmu(0.91), }, verticalPosition: { relative: VerticalPositionRelativeFrom.TOP_MARGIN, offset: cmToEmu(3.64), }, }, }); const imgCEE = new ImageRun({ data: fs.readFileSync(join(__dirname, "img", "cee_logo.png")), transformation: { height: cm(2.22), width: cm(3.11), }, floating: { zIndex: 1, horizontalPosition: { relative: HorizontalPositionRelativeFrom.LEFT_MARGIN, offset: cmToEmu(0.29), }, verticalPosition: { relative: VerticalPositionRelativeFrom.TOP_MARGIN, offset: cmToEmu(18), }, }, }); const imgMTC = new ImageRun({ data: fs.readFileSync(join(__dirname, "img", "mtc_logo.png")), transformation: { height: cm(1.3), width: cm(4.08), }, floating: { zIndex: 1, horizontalPosition: { relative: HorizontalPositionRelativeFrom.LEFT_MARGIN, offset: cmToEmu(5.13), }, verticalPosition: { relative: VerticalPositionRelativeFrom.TOP_MARGIN, offset: cmToEmu(19.33), }, }, }); const imgEEG = new ImageRun({ data: fs.readFileSync(join(__dirname, "img", "eeg_f_logo.png")), transformation: { height: cm(4.39), width: cm(6.4), }, floating: { zIndex: 1, horizontalPosition: { relative: HorizontalPositionRelativeFrom.LEFT_MARGIN, offset: cmToEmu(23.25), }, verticalPosition: { relative: VerticalPositionRelativeFrom.TOP_MARGIN, offset: cmToEmu(0), }, }, }); const imgOSHA = new ImageRun({ data: fs.readFileSync(join(__dirname, "img", "osha_logo.png")), transformation: { height: cm(1.55), width: cm(4.46), }, floating: { zIndex: 1, horizontalPosition: { relative: HorizontalPositionRelativeFrom.LEFT_MARGIN, offset: cmToEmu(24.34), }, verticalPosition: { relative: VerticalPositionRelativeFrom.TOP_MARGIN, offset: cmToEmu(4.95), }, }, }); const imgAguila = new ImageRun({ data: fs.readFileSync(join(__dirname, "img", "aguila_logo.png")), transformation: { height: cm(2.62), width: cm(2.68), }, floating: { zIndex: 1, horizontalPosition: { relative: HorizontalPositionRelativeFrom.LEFT_MARGIN, offset: cmToEmu(25.45), }, verticalPosition: { relative: VerticalPositionRelativeFrom.TOP_MARGIN, offset: cmToEmu(6.57), }, }, }); const imgMichigan = new ImageRun({ data: fs.readFileSync(join(__dirname, "img", "michigan_logo.png")), transformation: { height: cm(2.47), width: cm(2.6), }, floating: { zIndex: 1, horizontalPosition: { relative: HorizontalPositionRelativeFrom.LEFT_MARGIN, offset: cmToEmu(25.59), }, verticalPosition: { relative: VerticalPositionRelativeFrom.TOP_MARGIN, offset: cmToEmu(9.54), }, }, }); const imgCEEM = new ImageRun({ data: fs.readFileSync(join(__dirname, "img", "ceem_logo.jpg")), transformation: { height: cm(1), width: cm(3.99), }, floating: { zIndex: 1, horizontalPosition: { relative: HorizontalPositionRelativeFrom.LEFT_MARGIN, offset: cmToEmu(24.97), }, verticalPosition: { relative: VerticalPositionRelativeFrom.TOP_MARGIN, offset: cmToEmu(12.5), }, }, }); const imgEATE = new ImageRun({ data: fs.readFileSync(join(__dirname, "img", "eate_logo.jpg")), transformation: { height: cm(2.21), width: cm(3.28), }, floating: { zIndex: 1, horizontalPosition: { relative: HorizontalPositionRelativeFrom.LEFT_MARGIN, offset: cmToEmu(25.54), }, verticalPosition: { relative: VerticalPositionRelativeFrom.TOP_MARGIN, offset: cmToEmu(14.09), }, }, }); const certificateName = new Paragraph({ frame: { position: { x: cmText(3.13), y: cmText(1.9), }, width: cmText(14.28), height: cmText(3.19), anchor: { horizontal: FrameAnchorType.MARGIN, vertical: FrameAnchorType.MARGIN, }, }, children: [ new TextRun({ text: "CAPACITACIÓN EN MANEJO; MANIPULACIÓN Y TRANSPORTE DE MATERIALES Y RESIDUOS PELIGROSOS - MATPEL I - Advertencia".toUpperCase(), bold: true, font: "Arial", size: 32, }), ], alignment: AlignmentType.CENTER, }); const certificatePersonName = new Paragraph({ frame: { position: { x: cmText(0), y: cmText(6.5), }, width: cmText(23), height: cmText(1.5), anchor: { horizontal: FrameAnchorType.MARGIN, vertical: FrameAnchorType.MARGIN, }, }, children: [ new TextRun({ text: "fernando enrique araoz morales".toUpperCase(), bold: true, font: "Arial", allCaps: true, size: 48, underline: {}, }), ], alignment: AlignmentType.CENTER, }); // "Se expide el presente certificado a:" const certificateExpedite = new Paragraph({ frame: { position: { x: cmText(2.85), y: cmText(5.15), }, width: cmText(14.28), height: cmText(1), anchor: { horizontal: FrameAnchorType.MARGIN, vertical: FrameAnchorType.MARGIN, }, }, children: [ new TextRun({ text: "Se expide el presente certificado a:", font: "Arial", size: 22, }), ], alignment: AlignmentType.CENTER, }); // N° XXXX-202X-EEG const certificateCode = new Paragraph({ frame: { position: { x: cmText(17.1), y: cmText(5.35), }, width: cmText(3.68), height: cmText(0.7), anchor: { horizontal: FrameAnchorType.MARGIN, vertical: FrameAnchorType.MARGIN, }, }, children: [ new TextRun({ text: "N° 0524-2023-EEG", font: "Arial", size: 20, }), ], alignment: AlignmentType.CENTER, }); // Identificado con dni ... const certificateBody = new Paragraph({ frame: { position: { x: cmText(1.51), y: cmText(8.35), }, width: cmText(20.08), height: cmText(3.7), anchor: { horizontal: FrameAnchorType.MARGIN, vertical: FrameAnchorType.MARGIN, }, }, children: [ new TextRun({ text: "Identificado con DNI N° ", font: "Arial", size: 24, }), new TextRun({ text: "74059695", font: "Arial", size: 24, bold: true, }), new TextRun({ text: ", al haber aprobado el curso de capacitación sobre ", font: "Arial", size: 24, }), new TextRun({ text: "MANEJO DE MATERIALES Y RESIDUOS PELIGROSOS - MATPEL I - Advertencia", font: "Arial", size: 24, bold: true, }), new TextRun({ text: ", según lo estipulado en la Ley N°28256 (ley que regula el Transporte de Materiales y Residuos Peligrosos) y Decreto Supremo N° 021-2008-MTC (Reglamento Nacional de Transporte Terrestre de Materiales y Residuos Peligrosos) con una duración de 12 horas lectivas.\n", font: "Arial", size: 24, }), ], alignment: AlignmentType.JUSTIFIED, }); // Se expide certificado... const certificateFinishLabel = new Paragraph({ frame: { position: { x: cmText(1.52), y: cmText(11.25), }, width: cmText(20.1), height: cmText(0.8), anchor: { horizontal: FrameAnchorType.MARGIN, vertical: FrameAnchorType.MARGIN, }, }, children: [ new TextRun({ text: "Se expide certificado para los fines que se estime conveniente.", font: "Arial", size: 24, }), ], alignment: AlignmentType.CENTER, style: "highlighting: none;", }); // Fecha de Emision: ... const certificateDate = new Paragraph({ frame: { position: { x: cmText(16), y: cmText(16.5), }, width: cmText(9), height: cmText(1.4), anchor: { horizontal: FrameAnchorType.MARGIN, vertical: FrameAnchorType.TEXT, }, }, children: [ new TextRun({ text: "Fecha de Emisión:\t\t{fecha_emision}", font: "Arial", size: 20, break: 1, }), new TextRun({ text: "Fecha de Expiración:\t\t{fecha_expiracion}", font: "Arial", size: 20, break: 1, }), ], alignment: AlignmentType.LEFT, style: "highlighting: none;", }); async function create() { const qr = await QR.toDataURL(/* join(__dirname, "img", "qr.png"), */ `https://www.eegsac.com/alumnoscertificados.php?DNI=${"74059695"}`, {margin: 1}); const imgQR = new ImageRun({ data: qr, // fs.readFileSync(join(__dirname, "img", "qr.png")), transformation: { height: cm(2.47), width: cm(2.47), }, floating: { zIndex: 1, horizontalPosition: { relative: HorizontalPositionRelativeFrom.LEFT_MARGIN, offset: cmToEmu(26.3), }, verticalPosition: { relative: VerticalPositionRelativeFrom.TOP_MARGIN, offset: cmToEmu(16.48), }, }, }); const doc = new Document({ sections: [ { properties: { page: { size: { orientation: PageOrientation.LANDSCAPE, }, }, }, children: [ certificateName, certificatePersonName, certificateExpedite, certificateCode, certificateBody, certificateFinishLabel, certificateDate, new Paragraph({ children: [ imgFondoDoc, imgMatpel, imgCIP, imgCEE, imgMTC, imgEEG, imgOSHA, imgAguila, imgMichigan, imgCEEM, imgEATE, imgQR, ], }), ], }, ], }); // Used to export the file into a .docx file Packer.toBuffer(doc).then((buffer) => { fs.writeFileSync("My Document.docx", buffer); // fs.rmSync(join(__dirname, "temp", "qr.png")); }); } create();