X-Git-Url: https://git.kianting.info/?a=blobdiff_plain;f=src%2Flibclo%2Findex.js;h=9d9e8a8ccad312a1d0ac40bbc6c07e02c4e83970;hb=9548c51651d010ec8fd8fbf0213a2d7c60e051ce;hp=43e410c89ec16e68d3bd84612dae41dfd047432a;hpb=9c51921978468526aed0da6060900fe54967848e;p=clo diff --git a/src/libclo/index.js b/src/libclo/index.js index 43e410c..9d9e8a8 100644 --- a/src/libclo/index.js +++ b/src/libclo/index.js @@ -36,8 +36,7 @@ exports.Clo = exports.calculateTextWidthHeightAux = exports.calculateTextWidthHe const canva_1 = require("../canva"); const fontkit = __importStar(require("fontkit")); const breakLines = __importStar(require("./breakLines")); -require("pdfkit"); -const pdf_lib_1 = require("pdf-lib"); +const PDFDocument = require('pdfkit'); const fs = __importStar(require("fs")); /** * TYPES @@ -246,8 +245,13 @@ exports.hyphenTkTree = hyphenTkTree; function calculateTextWidthHeight(element, style) { return __awaiter(this, void 0, void 0, function* () { var res = []; + var styleCache = {}; + var fontCache = {}; for (var i = 0; i < element.length; i++) { - res.push(yield calculateTextWidthHeightAux(element[i], style)); + let item = yield calculateTextWidthHeightAux(element[i], style, styleCache, fontCache); + styleCache = item[1]; + fontCache = item[2]; + res.push(item[0]); } res = res.flat(); return res; @@ -259,15 +263,25 @@ exports.calculateTextWidthHeight = calculateTextWidthHeight; * @param preprocessed * @param defaultFontStyle */ -function calculateTextWidthHeightAux(element, style) { +function calculateTextWidthHeightAux(element, style, styleCache, fontCache) { return __awaiter(this, void 0, void 0, function* () { var result = []; - let fontPair = (0, canva_1.fontStyleTofont)(style); - if (fontPair.path.match(/\.ttc$/)) { - var font = yield fontkit.openSync(fontPair.path, fontPair.psName); + var font; + if (style === styleCache) { + font = fontCache; } else { - var font = yield fontkit.openSync(fontPair.path); + let fontPair = (0, canva_1.fontStyleTofont)(style); + if (fontPair.path.match(/\.ttc$/)) { + font = yield fontkit.openSync(fontPair.path, fontPair.psName); + styleCache = style; + fontCache = font; + } + else { + font = yield fontkit.openSync(fontPair.path); + styleCache = style; + fontCache = font; + } } if (!Array.isArray(element)) { var run = font.layout(element, undefined, undefined, undefined, "ltr"); @@ -278,8 +292,8 @@ function calculateTextWidthHeightAux(element, style) { y: null, textStyle: style, direction: Direction.LTR, - width: (runGlyphsItem.advanceWidth) * (style.size) / 1000, - height: (runGlyphsItem.bbox.maxY - runGlyphsItem.bbox.minY) * (style.size) / 1000, + width: (runGlyphsItem.advanceWidth) * (style.size) / 1000 * 0.75, + height: (runGlyphsItem.bbox.maxY - runGlyphsItem.bbox.minY) * (style.size) / 1000 * 0.75, content: element[j], minX: runGlyphsItem.bbox.minX, maxX: runGlyphsItem.bbox.maxX, @@ -288,14 +302,14 @@ function calculateTextWidthHeightAux(element, style) { }; result.push(item); } - return result; + return [result, styleCache, fontCache]; } else if (element[0] == "bp") { - var beforeNewLine = yield calculateTextWidthHeightAux(element[1], style); + var beforeNewLine = (yield calculateTextWidthHeightAux(element[1], style, styleCache, fontCache))[0]; if (Array.isArray(beforeNewLine)) { beforeNewLine = beforeNewLine.flat(); } - let afterNewLine = yield calculateTextWidthHeightAux(element[2], style); + let afterNewLine = (yield calculateTextWidthHeightAux(element[2], style, styleCache, fontCache))[0]; if (Array.isArray(afterNewLine)) { afterNewLine = afterNewLine.flat(); } @@ -303,14 +317,14 @@ function calculateTextWidthHeightAux(element, style) { original: beforeNewLine, newLined: afterNewLine, }; - return breakPointNode; + return [breakPointNode, styleCache, fontCache]; } else if (element[0] == "hglue" && !Array.isArray(element[1])) { let hGlue = { stretchFactor: parseFloat(element[1]) }; - return hGlue; + return [hGlue, styleCache, fontCache]; } else { - return calculateTextWidthHeight(element, style); + return [yield calculateTextWidthHeight(element, style), styleCache, fontCache]; } }); } @@ -360,52 +374,154 @@ class Clo { preprocessed = this.preprocessors[i](preprocessed, this); } // generate the width and height of the stream - let defaultFontStyle = this.attrs["defaultFrameStyle"].textStyle; + let defaultFontStyle = this.attrs.defaultFrameStyle.textStyle; let a = yield calculateTextWidthHeight(preprocessed, defaultFontStyle); let breakLineAlgorithms = new breakLines.BreakLineAlgorithm(); - // TODO - //console.log(breakLineAlgorithms.totalCost(a,70)); - let segmentedNodes = breakLineAlgorithms.segmentedNodes(a, 70); - console.log(this.segmentedNodesToFrameBox(segmentedNodes, this.attrs["defaultFrameStyle"])); + let segmentedNodes = breakLineAlgorithms.segmentedNodes(a, this.attrs.defaultFrameStyle.width); + let segmentedNodesToBox = this.segmentedNodesToFrameBox(segmentedNodes, this.attrs.defaultFrameStyle); + let boxesFixed = this.fixenBoxesPosition(segmentedNodesToBox); // generate pdf - const pdfDoc = yield pdf_lib_1.PDFDocument.create(); - var page = pdfDoc.addPage(); - page.drawText('You can create PDFs!'); - for (var j = 0; j < 1000; j += 5) { - if (j % 50 == 0) { - page.drawText(j.toString(), { x: 50, y: j }); + const doc = new PDFDocument({ size: 'A4' }); + doc.pipe(fs.createWriteStream('output.pdf')); + this.grid(doc); + let styleCache = {}; + let fontPairCache = { path: "", psName: "" }; + yield this.putText(doc, boxesFixed, styleCache, fontPairCache); + // putChar + doc.end(); + }); + } + putText(doc, box, styleCache, fontPairCache) { + return __awaiter(this, void 0, void 0, function* () { + var fontPair; + if (box.textStyle !== null) { + if (box.textStyle == styleCache) { + fontPair = fontPairCache; } - page.drawLine({ - start: { x: 0, y: j }, - end: { x: 1000, y: j }, - thickness: 0.5, - color: (0, pdf_lib_1.rgb)(0.75, 0.2, 0.2), - opacity: 0.20, - }); - } - for (var i = 0; i < 1000; i += 5) { - if (i % 50 == 0) { - page.drawText(i.toString(), { x: i, y: 50 }); + else { + fontPair = (0, canva_1.fontStyleTofont)(box.textStyle); + styleCache = box.textStyle; + fontPairCache = fontPair; + if (fontPair.path.match(/\.ttc$/g)) { + doc + .font(fontPair.path, fontPair.psName) + .fontSize(box.textStyle.size * 0.75); + } + else { + doc + .font(fontPair.path) + .fontSize(box.textStyle.size * 0.75); // 0.75 must added! + } + } + if (box.textStyle.color !== undefined) { + doc.fill(box.textStyle.color); + } + if (Array.isArray(box.content)) { + for (var k = 0; k < box.content.length; k++) { + let tmp = yield this.putText(doc, box.content[k], styleCache, fontPairCache); + doc = tmp[0]; + styleCache = tmp[1]; + fontPairCache = tmp[2]; + } + } + else if (box.content !== null) { + yield doc.text(box.content, (box.x !== null ? box.x : undefined), (box.y !== null ? box.y : undefined)); } - page.drawLine({ - start: { x: i, y: 0 }, - end: { x: i, y: 1000 }, - thickness: 0.5, - color: (0, pdf_lib_1.rgb)(0.75, 0.2, 0.2), - opacity: 0.20, - }); } - pdfDoc.save(); - const pdfBytes = yield pdfDoc.save(); - fs.writeFileSync("blank.pdf", pdfBytes); + return [doc, styleCache, fontPairCache]; }); } + ; + grid(doc) { + for (var j = 0; j < exports.A4_IN_PX.width; j += 5) { + if (j % 50 == 0) { + doc.save().fill('#000000') + .fontSize(8).text(j.toString(), j * 0.75, 50); + doc + .save() + .lineWidth(0.4) + .strokeColor("#dddddd") + .moveTo(j * 0.75, 0) + .lineTo(j * 0.75, 1000) + .stroke(); + } + doc + .save() + .lineWidth(0.2) + .strokeColor("#dddddd") + .moveTo(j * 0.75, 0) + .lineTo(j * 0.75, 1000) + .stroke(); + } + for (var i = 0; i < 1050; i += 5) { + if (i % 50 == 0) { + doc.save() + .fontSize(8).text(i.toString(), 50, i * 0.75); + doc + .save() + .lineWidth(0.4) + .strokeColor("#bbbbbb") + .moveTo(0, i * 0.75) + .lineTo(1000, i * 0.75) + .stroke(); + } + doc + .save() + .lineWidth(0.2) + .strokeColor("#bbbbbb") + .moveTo(0, i * 0.75) + .lineTo(1000, i * 0.75) + .stroke(); + } + doc + .save() + .moveTo(0, 200) + .lineTo(1000, 200) + .fill('#FF3300'); + } + /** + * make all the nest boxes's position fixed + * @param box the main boxes + * @returns the fixed boxes + */ + fixenBoxesPosition(box) { + var currX = (box.x !== null ? box.x : 0); // current x + var currY = (box.y !== null ? box.y : 0); // current y + if (Array.isArray(box.content)) { + for (var i = 0; i < box.content.length; i++) { + if (box.direction == Direction.LTR) { + box.content[i].x = currX; + box.content[i].y = currY; + let elementWidth = box.content[i].width; + if (elementWidth !== null) { + currX += elementWidth; + } + } + if (box.direction == Direction.TTB) { + box.content[i].x = currX; + box.content[i].y = currY; + let elementHeight = box.content[i].height; + if (elementHeight !== null) { + currY += elementHeight; + } + } + box.content[i] = this.fixenBoxesPosition(box.content[i]); + } + } + return box; + } + /** + * input a `segmentedNodes` and a layed `frame`, return a big `Box` that nodes is put in. + * @param segmentedNodes the segmentnodes to be input + * @param frame the frame to be layed out. + * @returns the big `Box`. + */ segmentedNodesToFrameBox(segmentedNodes, frame) { let baseLineskip = frame.baseLineskip; let boxArrayEmpty = []; let bigBox = { - x: frame.x, - y: frame.y, + x: (frame.x !== null ? frame.x * 0.75 : null), + y: (frame.y !== null ? frame.y * 0.75 : null), textStyle: frame.textStyle, direction: frame.direction, width: frame.width, @@ -415,7 +531,7 @@ class Clo { var bigBoxContent = boxArrayEmpty; let segmentedNodesFixed = segmentedNodes.map((x) => this.removeBreakPoints(x).flat()); let segmentedNodeUnglue = segmentedNodesFixed.map((x) => this.removeGlue(x, frame).flat()); - for (var i = 0; i < segmentedNodesFixed.length - 1; i++) { + for (var i = 0; i < segmentedNodeUnglue.length; i++) { var currentLineSkip = baseLineskip; var glyphMaxHeight = this.getGlyphMaxHeight(segmentedNodesFixed[i]); if (currentLineSkip === null || glyphMaxHeight > currentLineSkip) { @@ -468,7 +584,7 @@ class Clo { return 0; } }) .reduce((acc, cur) => acc + cur, 0); - let offset = frame.width - glueRemovedWidth; + let offset = frame.width * 0.75 - glueRemovedWidth; var res = []; for (var i = 0; i < nodeLine.length; i++) { var ele = nodeLine[i]; @@ -478,6 +594,7 @@ class Clo { y: null, textStyle: null, direction: frame.directionInsideLine, + //width : 0, // ragged width: ele.stretchFactor / sumStretchFactor * offset, height: 0, content: "",