rpt_jspdf.js 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654
  1. /**
  2. * Created by Tony on 2019/9/10.
  3. */
  4. const PDF_SCALE = 0.75;
  5. // const DPI = getScreenDPI();
  6. let JpcJsPDFHelper = {
  7. doc: null,
  8. initialize: function (orientation, unit, format) {
  9. let me = this;
  10. me.doc = new jsPDF(orientation, unit, format);
  11. return me.doc;
  12. },
  13. testFont: function () {
  14. let me = this;
  15. let doc = me.initialize('p', 'pt', 'a4');
  16. console.log(me.doc.getFontList());
  17. // console.log(me.doc.getFont());
  18. // doc.setFont("SmartSimsun", "bold");
  19. // doc.setFontSize(16);
  20. // doc.text(20, 20, '小写字母总长度:' + doc.getTextWidth('abcdefghijklmnopqrstuvwxyz'));
  21. //
  22. // doc.setFont("SmartSimsun", "normal");
  23. // doc.setFontSize(16);
  24. // doc.text(20, 40, '大写字母总长度:' + doc.getTextWidth('ABCDEFGHIJKLMNOPQRSTUVWXYZ'));
  25. //
  26. // doc.line(20, 20, 60, 20); // horizontal line
  27. // doc.line(20, 40, 60, 40); // horizontal line
  28. //
  29. // doc.save('Test.pdf');
  30. },
  31. outputAsPdf: function (pageData, paperSize, pdfName, signatureRelArr, signAuditArr) {
  32. let doc = this._createPdf(pageData, paperSize, signatureRelArr, signAuditArr);
  33. doc.save(pdfName + '.pdf');
  34. },
  35. _createPdf: function (pageData, paperSize, signatureRelArr, signAuditArr) {
  36. let me = this;
  37. let offsetX = 0;
  38. let offsetY = 0;
  39. let floatReg = /^(-?\d+)(\.\d+)?$/;
  40. let strReplaceReg1 = new RegExp('\n\r', 'gm'),
  41. strReplaceReg2 = new RegExp('\r\n', 'gm'),
  42. strReplaceReg3 = new RegExp('\n', 'gm'),
  43. strReplaceReg4 = new RegExp('\r', 'gm')
  44. ;
  45. // let newName = pdfName;
  46. let pageObj = pageData;
  47. let paperSizeIdx = JV.PAGES_SIZE_STR.indexOf(paperSize);
  48. let size = JV.PAGES_SIZE[paperSizeIdx];
  49. let orientation = '';
  50. if (pageData[JV.NODE_PAGE_INFO][JV.NODE_PAGE_SIZE][0] > pageData[JV.NODE_PAGE_INFO][JV.NODE_PAGE_SIZE][1]) {
  51. orientation = 'landscape';
  52. } else {
  53. orientation = 'portrait';
  54. }
  55. let doc = me.initialize(orientation, 'pt', paperSize.toLowerCase());
  56. doc.setFont("SmartSimsun", "normal"); //目前只考虑宋体
  57. function private_getIniPageMergeBorder(mergedBand) {
  58. let rst = {};
  59. rst[JV.PROP_LEFT] = (mergedBand) ? mergedBand[JV.PROP_LEFT] : 0;
  60. rst[JV.PROP_RIGHT] = (mergedBand) ? mergedBand[JV.PROP_RIGHT] : 0;
  61. rst[JV.PROP_TOP] = (mergedBand) ? mergedBand[JV.PROP_TOP] : 0;
  62. rst[JV.PROP_BOTTOM] = (mergedBand) ? mergedBand[JV.PROP_BOTTOM] : 0;
  63. rst[JV.PROP_STYLE] = (mergedBand) ? mergedBand[JV.PROP_STYLE] : 0;
  64. return rst;
  65. }
  66. let newPageMergeBand = private_getIniPageMergeBorder(pageObj[JV.BAND_PROP_MERGE_BAND]);
  67. if (current_stage_status === 3) {
  68. rptSignatureHelper.mergeSignDate(pageObj, signatureRelArr, false);
  69. // rptSignatureHelper.mergeSignature(pageObj, signatureRelArr); // 这里merge的意义不大
  70. rptSignatureHelper.mergeSignAudit(pageObj, signatureRelArr, signAuditArr);
  71. }
  72. // let signatureCounter = {"allAmt": 0, "picAmt": 0};
  73. if (pageObj && pageObj.items.length > 0 ) {
  74. for(let i = 0; i < pageObj.items.length; i++) {
  75. if (i > 0) {
  76. doc.addPage(paperSize.toLowerCase(), orientation);
  77. }
  78. let ctx = doc.canvas.getContext("2d");
  79. let page = pageObj.items[i],
  80. fonts = pageObj[JV.NODE_FONT_COLLECTION],
  81. styles = pageObj[JV.NODE_STYLE_COLLECTION],
  82. controls = pageObj[JV.NODE_CONTROL_COLLECTION];
  83. if (page[JV.PROP_PAGE_MERGE_BORDER]) {
  84. newPageMergeBand[JV.PROP_LEFT] = page[JV.PROP_PAGE_MERGE_BORDER][JV.PROP_LEFT];
  85. newPageMergeBand[JV.PROP_RIGHT] = page[JV.PROP_PAGE_MERGE_BORDER][JV.PROP_RIGHT];
  86. newPageMergeBand[JV.PROP_TOP] = page[JV.PROP_PAGE_MERGE_BORDER][JV.PROP_TOP];
  87. newPageMergeBand[JV.PROP_BOTTOM] = page[JV.PROP_PAGE_MERGE_BORDER][JV.PROP_BOTTOM];
  88. }
  89. for (let j = 0; j < page.cells.length; j++) {
  90. let cell = page.cells[j];
  91. private_drawCell(doc, ctx, cell, fonts, styles, controls, newPageMergeBand);
  92. }
  93. // 计量有电子签名日期,在处理上与cells一样
  94. for (let cell of page.signature_date_cells) {
  95. private_drawCell(doc, ctx, cell, fonts, styles, controls, newPageMergeBand);
  96. }
  97. // 计量有电子签名审核意见,在处理上与cells一样
  98. for (let cell of page.signature_audit_cells) {
  99. private_drawCell(doc, ctx, cell, fonts, styles, controls, newPageMergeBand);
  100. }
  101. // 计量有电子签名,要单独处理
  102. for (let cell of page.signature_cells) {
  103. if (current_stage_status === 3) {
  104. private_drawSignature(doc, ctx, cell, styles, controls, newPageMergeBand, false, signatureRelArr);
  105. } else {
  106. private_drawSignature(doc, ctx, cell, styles, controls, newPageMergeBand, true, signatureRelArr);
  107. }
  108. }
  109. if (PAGE_SHOW['closeWatermark'] === 0) {
  110. for (let cell of page.watermark_cells) {
  111. cell.pic = COMMON_WATER_MARK_PIC_DATA;
  112. _drawWatermark(doc, ctx, cell, controls);
  113. }
  114. }
  115. }
  116. }
  117. // doc.save(newName + '.pdf');
  118. return doc;
  119. function private_chkIfInMergedBand(mergedBand, cell) {
  120. let rst = false;
  121. if (mergedBand && cell) {
  122. rst = mergedBand[JV.PROP_TOP] <= cell[JV.PROP_AREA][JV.PROP_TOP] && mergedBand[JV.PROP_BOTTOM] >= cell[JV.PROP_AREA][JV.PROP_BOTTOM] &&
  123. mergedBand[JV.PROP_LEFT] <= cell[JV.PROP_AREA][JV.PROP_LEFT] && mergedBand[JV.PROP_RIGHT] >= cell[JV.PROP_AREA][JV.PROP_RIGHT];
  124. }
  125. return rst;
  126. }
  127. function _drawWatermark(doc, ctx, cell, controls) {
  128. let control = null;
  129. if (typeof cell[JV.PROP_CONTROL] === "string") {
  130. control = controls[cell[JV.PROP_CONTROL]];
  131. } else {
  132. control = cell[JV.PROP_CONTROL];
  133. }
  134. private_drawImage(doc, ctx, cell, control, cell.pic, [1, 1, 1, 1]);
  135. }
  136. function private_drawSignature(doc, ctx, cell, styles, controls, mergedBand, onlyShowBorder, signatureRelArr) {
  137. ctx.beginPath();
  138. let style = styles[cell[JV.PROP_STYLE]];
  139. if (style) {
  140. let isNeedMergeBand = private_chkIfInMergedBand(mergedBand, cell);
  141. private_drawLine(cell, doc, ctx, style, JV.PROP_TOP, [JV.PROP_LEFT, JV.PROP_TOP],[JV.PROP_RIGHT, JV.PROP_TOP], mergedBand, styles, isNeedMergeBand);
  142. private_drawLine(cell, doc, ctx, style, JV.PROP_RIGHT, [JV.PROP_RIGHT, JV.PROP_TOP],[JV.PROP_RIGHT, JV.PROP_BOTTOM], mergedBand, styles, isNeedMergeBand);
  143. private_drawLine(cell, doc, ctx, style, JV.PROP_BOTTOM, [JV.PROP_RIGHT, JV.PROP_BOTTOM],[JV.PROP_LEFT, JV.PROP_BOTTOM], mergedBand, styles, isNeedMergeBand);
  144. private_drawLine(cell, doc, ctx, style, JV.PROP_LEFT, [JV.PROP_LEFT, JV.PROP_BOTTOM],[JV.PROP_LEFT, JV.PROP_TOP], mergedBand, styles, isNeedMergeBand);
  145. }
  146. ctx.closePath();
  147. if (!onlyShowBorder || cell.signature_name === JV.SIGNATURE_NAME_DUMMY) private_drawSignatureCellText(doc, ctx, cell, controls, signatureRelArr);
  148. }
  149. function private_drawSignatureCellText(doc, ctx, cell, controls, signatureRelArr) {
  150. let control = null;
  151. if (typeof cell[JV.PROP_CONTROL] === "string") {
  152. control = controls[cell[JV.PROP_CONTROL]];
  153. } else {
  154. control = cell[JV.PROP_CONTROL];
  155. }
  156. if (cell.pic) {
  157. if (cell.signature_name === JV.SIGNATURE_NAME_DUMMY) {
  158. private_drawImage(doc, ctx, cell, control, cell.pic, [1, 1, 1, 1]);
  159. } else {
  160. private_drawImage(doc, ctx, cell, control, cell.pic);
  161. }
  162. } else {
  163. // 导出PDF时,根本不需要判断cell.path是不是null or undefined
  164. for (const signRel of signatureRelArr) {
  165. if (cell.signature_name === signRel.signature_name && signRel.sign_pic !== null && signRel.sign_pic !== undefined) {
  166. private_drawImage(doc, ctx, cell, control, signRel.sign_pic);
  167. break;
  168. }
  169. }
  170. }
  171. }
  172. function private_getProperSignatureArea(cell, control) {
  173. // 约定默认长宽比例是2:1,图片分辨率是600*300
  174. const rst = [0, 0, 0, 0]; // left, top, right, bottom
  175. if (cell && cell[JV.PROP_AREA]) {
  176. if (cell.hasOwnProperty('isOrgShow') && cell.isOrgShow) {
  177. rst[JV.IDX_LEFT] = cell[JV.PROP_AREA][JV.PROP_LEFT];
  178. rst[JV.IDX_TOP] = cell[JV.PROP_AREA][JV.PROP_TOP];
  179. rst[JV.IDX_RIGHT] = cell[JV.PROP_AREA][JV.PROP_RIGHT];
  180. rst[JV.IDX_BOTTOM] = cell[JV.PROP_AREA][JV.PROP_BOTTOM];
  181. } else {
  182. let width = cell[JV.PROP_AREA][JV.PROP_RIGHT] - cell[JV.PROP_AREA][JV.PROP_LEFT],
  183. height = cell[JV.PROP_AREA][JV.PROP_BOTTOM] - cell[JV.PROP_AREA][JV.PROP_TOP];
  184. if (width > height * 2) {
  185. width = height * 2;
  186. } else {
  187. height = width / 2;
  188. }
  189. switch (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_HORIZON]]) {
  190. case 'left':
  191. rst[0] = cell[JV.PROP_AREA][JV.PROP_LEFT];
  192. rst[1] = cell[JV.PROP_AREA][JV.PROP_TOP];
  193. rst[2] = rst[0] + width;
  194. rst[3] = rst[1] + height;
  195. break;
  196. case 'right':
  197. rst[2] = cell[JV.PROP_AREA][JV.PROP_RIGHT];
  198. rst[3] = cell[JV.PROP_AREA][JV.PROP_BOTTOM];
  199. rst[0] = rst[2] - width;
  200. rst[1] = rst[3] - height;
  201. break;
  202. default:
  203. //center
  204. rst[0] = (cell[JV.PROP_AREA][JV.PROP_LEFT] + cell[JV.PROP_AREA][JV.PROP_RIGHT] - width) / 2;
  205. rst[1] = cell[JV.PROP_AREA][JV.PROP_TOP];
  206. rst[2] = rst[0] + width;
  207. rst[3] = rst[1] + height;
  208. break;
  209. }
  210. }
  211. }
  212. rst[0] = rst[0] + offsetX;
  213. rst[2] = rst[2] + offsetX;
  214. rst[1] = rst[1] + offsetY;
  215. rst[3] = rst[3] + offsetY;
  216. return rst;
  217. }
  218. function private_drawImage(doc, ctx, cell, control, imageData, offsetArea) {
  219. let area = private_getProperSignatureArea(cell, control);
  220. if (offsetArea) {
  221. area[0] = area[0] + offsetArea[0]; // Left
  222. area[1] = area[1] + offsetArea[1]; // Top
  223. area[2] = area[2] - offsetArea[2]; // Right
  224. area[3] = area[3] - offsetArea[3]; // Bottom
  225. }
  226. doc.addImage(imageData, 'PNG', area[0] * PDF_SCALE, area[1] * PDF_SCALE,
  227. (area[2] - area[0]) * PDF_SCALE, (area[3] - area[1]) * PDF_SCALE);
  228. }
  229. function private_drawCell(doc, ctx, cell, fonts, styles, controls, mergedBand) {
  230. ctx.beginPath();
  231. let style = styles[cell[JV.PROP_STYLE]];
  232. if (style) {
  233. let isNeedMergeBand = private_chkIfInMergedBand(mergedBand, cell);
  234. private_drawLine(cell, doc, ctx, style, JV.PROP_TOP, [JV.PROP_LEFT, JV.PROP_TOP],[JV.PROP_RIGHT, JV.PROP_TOP], mergedBand, styles, isNeedMergeBand);
  235. private_drawLine(cell, doc, ctx, style, JV.PROP_RIGHT, [JV.PROP_RIGHT, JV.PROP_TOP],[JV.PROP_RIGHT, JV.PROP_BOTTOM], mergedBand, styles, isNeedMergeBand);
  236. private_drawLine(cell, doc, ctx, style, JV.PROP_BOTTOM, [JV.PROP_RIGHT, JV.PROP_BOTTOM],[JV.PROP_LEFT, JV.PROP_BOTTOM], mergedBand, styles, isNeedMergeBand);
  237. private_drawLine(cell, doc, ctx, style, JV.PROP_LEFT, [JV.PROP_LEFT, JV.PROP_BOTTOM],[JV.PROP_LEFT, JV.PROP_TOP], mergedBand, styles, isNeedMergeBand);
  238. }
  239. private_drawCellText(doc, ctx, cell, fonts, controls);
  240. ctx.closePath();
  241. }
  242. function private_drawLine(cell, doc, ctx, style, styleBorderDest, startP, destP, mergedBand, styles, isNeedMergeBand) {
  243. let destStyle = style;
  244. if (mergedBand) {
  245. if (isNeedMergeBand && parseFloat(mergedBand[styleBorderDest]) === parseFloat(cell[JV.PROP_AREA][styleBorderDest])) {
  246. destStyle = styles[mergedBand[JV.PROP_STYLE][JV.PROP_ID]];
  247. }
  248. }
  249. if (destStyle[styleBorderDest] && parseFloat(destStyle[styleBorderDest][JV.PROP_LINE_WEIGHT]) !== 0) {
  250. doc.setDrawColor(destStyle[styleBorderDest][JV.PROP_COLOR]);
  251. if (parseInt(destStyle[styleBorderDest][JV.PROP_LINE_WEIGHT]) === 2) {
  252. doc.setLineWidth(1 * destStyle[styleBorderDest][JV.PROP_LINE_WEIGHT]);
  253. } else {
  254. doc.setLineWidth(0.1);
  255. }
  256. doc.line((cell[JV.PROP_AREA][startP[0]] + offsetX) * PDF_SCALE, (cell[JV.PROP_AREA][startP[1]] + offsetY) * PDF_SCALE,
  257. (cell[JV.PROP_AREA][destP[0]] + offsetX) * PDF_SCALE, (cell[JV.PROP_AREA][destP[1]] + offsetY) * PDF_SCALE);
  258. }
  259. }
  260. function setupDocFontByCfg(doc, fontName, font) {
  261. if (font[JV.FONT_PROPS[JV.FONT_PROP_IDX_BOLD]] === 'T') {
  262. doc.setFont(fontName, "bold");
  263. } else {
  264. doc.setFont(fontName, "normal");
  265. }
  266. }
  267. function _preHandleSpliter(orgVal) {
  268. let rst = orgVal;
  269. if (rst !== null && rst !== '') {
  270. rst = rst.replace(strReplaceReg1, '|').replace(strReplaceReg2, '|').replace(strReplaceReg3, '|').replace(strReplaceReg4, '|');
  271. }
  272. return rst;
  273. }
  274. function _splitValues(cell, control, orgValues, doc) {
  275. //根据control的 自动折行 及 缩放优先 这俩属性 来分解cell value
  276. if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_WRAP]] === 'T' && control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_SHRINK_FIRST]] !== 'T') {
  277. let vals = [];
  278. let validAreaTxtWidth = cell[JV.PROP_AREA][JV.PROP_RIGHT] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_RIGHT] - cell[JV.PROP_AREA][JV.PROP_LEFT] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_LEFT];
  279. for (let val of orgValues) {
  280. let actW = doc.getTextWidth(val);
  281. if (actW > validAreaTxtWidth) {
  282. vals = vals.concat(private_splitString(val, validAreaTxtWidth, doc));
  283. } else {
  284. vals.push(val);
  285. }
  286. }
  287. if (vals.length > orgValues.length) {
  288. for (let idx = 0; idx < vals.length; idx++) {
  289. orgValues[idx] = vals[idx];
  290. }
  291. }
  292. }
  293. }
  294. function private_drawCellText(doc, ctx, cell, fonts, controls) {
  295. if (cell[JV.PROP_VALUE] !== undefined && cell[JV.PROP_VALUE] !== null) {
  296. // let values = ("" + cell[JV.PROP_VALUE]).split('|');
  297. let values = _preHandleSpliter("" + cell[JV.PROP_VALUE]).split('|');
  298. // let font = fonts[cell[JV.PROP_FONT]];
  299. let font = null;
  300. if (typeof cell[JV.PROP_FONT] === "string") {
  301. font = fonts[cell[JV.PROP_FONT]];
  302. } else {
  303. font = cell[JV.PROP_FONT];
  304. }
  305. if (CUST_CFG.isNarrow) {
  306. // 目前只考虑宋体及窄体
  307. if (font[JV.FONT_PROPS[JV.FONT_PROP_IDX_NAME]] === 'Arial Narrow') {
  308. setupDocFontByCfg(doc, 'Arial Narrow', font);
  309. } else {
  310. setupDocFontByCfg(doc, 'SmartSimsun', font);
  311. }
  312. } else {
  313. setupDocFontByCfg(doc, 'SmartSimsun', font);
  314. }
  315. // let control = controls[cell[JV.PROP_CONTROL]];
  316. let control = null;
  317. if (typeof cell[JV.PROP_CONTROL] === "string") {
  318. control = controls[cell[JV.PROP_CONTROL]];
  319. } else {
  320. control = cell[JV.PROP_CONTROL];
  321. }
  322. if (control.ShowZero === "F") {
  323. if (typeof cell[JV.PROP_VALUE] === "string") {
  324. if (floatReg.test(cell[JV.PROP_VALUE]) && parseFloat(cell[JV.PROP_VALUE]) === 0.0) {
  325. values = [""];
  326. }
  327. } else if (parseFloat(cell[JV.PROP_VALUE]) === 0.0) {
  328. values = [""];
  329. }
  330. }
  331. if (font) {
  332. doc.setFontSize(1 * font[JV.FONT_PROPS[1]]);
  333. }
  334. _splitValues(cell, control, values, doc);
  335. let height = cell[JV.PROP_AREA][JV.PROP_BOTTOM] - cell[JV.PROP_AREA][JV.PROP_TOP];
  336. let area = [cell[JV.PROP_AREA][JV.PROP_LEFT] + offsetX, cell[JV.PROP_AREA][JV.PROP_TOP] + offsetY, cell[JV.PROP_AREA][JV.PROP_RIGHT] + offsetX, cell[JV.PROP_AREA][JV.PROP_BOTTOM] + offsetY];
  337. let ah = height;
  338. let restTopH = 0, restBottomH = 0;
  339. if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_CLOSE_OUTPUT]] === 'T') {
  340. ah = (parseFloat(font[JV.FONT_PROPS[1]]) + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP] + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM]) * values.length;
  341. let restH = height - ah;
  342. if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === 'center') {
  343. restTopH = restH / 2;
  344. restBottomH = restH / 2;
  345. } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === 'bottom') {
  346. restBottomH = restH;
  347. } else {
  348. // restTopH = restH;
  349. restTopH = JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP];
  350. }
  351. }
  352. let spaceIdxArr = [];
  353. for (let i = 0; i < values.length; i++) {
  354. area[JV.IDX_TOP] = cell[JV.PROP_AREA][JV.PROP_TOP] + i * (ah / values.length) + offsetY + restTopH;
  355. area[JV.IDX_BOTTOM] = cell[JV.PROP_AREA][JV.PROP_TOP] + (i + 1) * (ah / values.length) + offsetY + restBottomH;
  356. if (values[i] === null || values[i] === undefined || values[i] === 'null') {
  357. values[i] = "";
  358. }
  359. // 因pdfkit输出空格只有浏览器的一半宽度,需要额外加空格补上,jspdf也有这个情况 -----------------------------
  360. if (typeof(values[i]) === "string") {
  361. for (let j = 0; j < values[i].length; j++) {
  362. if (values[i][j] === ' ') spaceIdxArr.push(j);
  363. }
  364. }
  365. // 但有了_splitValues()处理后,这个加额外空格好像没必要了,但是不加又不好(比如'年 月 日'这种文字) ------------
  366. for (let j = spaceIdxArr.length - 1; j >= 0; j--) {
  367. values[i] = values[i].slice(0, spaceIdxArr[j]) + ' ' + values[i].slice(spaceIdxArr[j]);
  368. }
  369. // -----------------------------
  370. private_drawText(doc, ctx, values[i], area, font, control);
  371. spaceIdxArr = [];
  372. }
  373. }
  374. }
  375. function _chkIfShinkFirst(control, actLines) {
  376. let rst = false;
  377. if (control.ShrinkFirst === 'T' && control.Wrap !== 'T' && actLines > 1) {
  378. rst = true;
  379. }
  380. return rst;
  381. }
  382. function private_drawText(doc, ctx, val, area, font, control) {
  383. let dftFontHeight = 12;
  384. let output = [];
  385. if (font) {
  386. dftFontHeight = 1 * font[JV.FONT_PROPS[1]];
  387. doc.setFontSize(dftFontHeight);
  388. }
  389. // doc.font(fontFile);
  390. let options={};
  391. let inner_setupControl = function (outVal, inArea, inFontHeight, inOutput) {
  392. if (control) {
  393. private_setupAreaH(outVal, inArea, control.Horizon, font.FontAngle, inFontHeight, inOutput, options);
  394. private_setupAreaV(outVal, inArea, control.Vertical, font.FontAngle, inFontHeight, inOutput);
  395. } else {
  396. private_setupAreaH(outVal, inArea, "left", parseInt(font.FontAngle), inFontHeight, inOutput, options);
  397. private_setupAreaV(outVal, inArea, "bottom", parseInt(font.FontAngle), inFontHeight, inOutput);
  398. }
  399. };
  400. inner_setupControl(val, area, dftFontHeight, output);
  401. let validAreaTxtWidth = area[JV.IDX_RIGHT] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_RIGHT] - area[JV.IDX_LEFT] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_RIGHT];
  402. let validTxtLines = Math.floor((area[JV.IDX_BOTTOM] - area[JV.IDX_TOP]) / (dftFontHeight + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM] + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP] + 4));
  403. if (parseInt(font.FontAngle) !== 0) {
  404. validAreaTxtWidth = area[JV.IDX_BOTTOM] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM] - area[JV.IDX_TOP] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP];
  405. validTxtLines = Math.floor((area[JV.IDX_RIGHT] - area[JV.IDX_LEFT]) / (dftFontHeight + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_RIGHT] + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_LEFT] + 4));
  406. }
  407. function private_drawUnderline(underLineVal, underLineArea) {
  408. //A. 暂不支持角度; B. PDF输出时,坐标没有translate
  409. // let ctx = doc;
  410. //1. 计算下划线的相关坐标
  411. let width = doc.getTextWidth(underLineVal);
  412. if (width > underLineArea[JV.IDX_RIGHT] - underLineArea[JV.IDX_LEFT]) {
  413. width = underLineArea[JV.IDX_RIGHT] - underLineArea[JV.IDX_LEFT];
  414. }
  415. let height = dftFontHeight;
  416. let startX = underLineArea[JV.IDX_LEFT], startY = underLineArea[JV.IDX_TOP], endX = underLineArea[JV.IDX_RIGHT], endY = underLineArea[JV.IDX_BOTTOM];
  417. // let startX = 0, startY = 0, endX = width, endY = startY;
  418. if (control.Horizon === "left") {
  419. startX = Math.round(underLineArea[JV.IDX_LEFT] + JV.OUTPUT_OFFSET[JV.IDX_LEFT]);
  420. } else if (control.Horizon === "right") {
  421. startX = Math.round(underLineArea[JV.IDX_RIGHT] - width - JV.OUTPUT_OFFSET[JV.IDX_RIGHT]);
  422. } else {
  423. startX = Math.round( underLineArea[JV.IDX_LEFT] + (underLineArea[JV.IDX_RIGHT] - underLineArea[JV.IDX_LEFT] - width) / 2);
  424. }
  425. endX = Math.round(startX + width);
  426. if (control.Vertical === "top") {
  427. startY = Math.round(underLineArea[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.IDX_BOTTOM] + height);
  428. } else if (control.Vertical === "bottom") {
  429. startY = Math.round(underLineArea[JV.IDX_BOTTOM] + JV.OUTPUT_OFFSET[JV.IDX_BOTTOM]);
  430. } else {
  431. startY = Math.round( underLineArea[JV.IDX_TOP] + (underLineArea[JV.IDX_BOTTOM] - underLineArea[JV.IDX_TOP] + height) / 2) + JV.OUTPUT_OFFSET[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.IDX_BOTTOM];
  432. }
  433. endY = Math.round(startY);
  434. //2. 画线
  435. // ctx.save();
  436. if ( output[1] !== Math.round(output[1])) {
  437. ctx.translate(0,0.5);
  438. }
  439. doc.setDrawColor("BLACK");
  440. doc.setLineWidth(0.1);
  441. doc.line(startX * PDF_SCALE, startY * PDF_SCALE, endX * PDF_SCALE, endY * PDF_SCALE);
  442. }
  443. let rotateOptions;
  444. if (parseInt(font.FontAngle) !== 0) {
  445. if (control){
  446. rotateOptions = private_setupAreaRotateOption(area,validAreaTxtWidth,control.Vertical,dftFontHeight, output);
  447. } else {
  448. rotateOptions = private_setupAreaRotateOption(area,validAreaTxtWidth,"bottom",dftFontHeight, output);
  449. }
  450. doc.rotate(font.FontAngle,rotateOptions);
  451. }
  452. if (validAreaTxtWidth >= doc.getTextWidth(val) ||
  453. (control && control.Shrink !== 'T' && validTxtLines < private_splitString(val, validAreaTxtWidth, doc)) ) {
  454. options.width = validAreaTxtWidth * PDF_SCALE;
  455. options.height = dftFontHeight * PDF_SCALE;
  456. doc.setFontSize(dftFontHeight);
  457. if (font[JV.FONT_PROPS[5]] === 'T' && parseInt(font.FontAngle) === 0) {
  458. private_drawUnderline(val, area);
  459. }
  460. doc.setFontSize(dftFontHeight * PDF_SCALE);
  461. doc.text(output[0] * PDF_SCALE, output[1] * PDF_SCALE, val);
  462. } else {
  463. while (true) {
  464. let lines = Math.floor((area[JV.IDX_BOTTOM] - area[JV.IDX_TOP]) / (dftFontHeight + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM] + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP] + 4));
  465. lines = (lines === 0 || (control.Shrink === 'T' && control.ShrinkFirst === 'T'))?1:lines;
  466. let actLines = private_splitString(val, validAreaTxtWidth, doc);
  467. // if (actLines.length > lines && dftFontHeight >= 6) {
  468. if ((actLines.length > lines || _chkIfShinkFirst(control, actLines.length)) && dftFontHeight >= 6) {
  469. dftFontHeight--;
  470. doc.setFontSize(dftFontHeight);
  471. options.width = validAreaTxtWidth * PDF_SCALE;
  472. options.height = dftFontHeight * PDF_SCALE;
  473. } else {
  474. let aH = dftFontHeight + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM] + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP] + 4;
  475. if ((aH * actLines.length) < (area[JV.IDX_BOTTOM] - area[JV.IDX_TOP]) && (control && control.Vertical !== 'top')) {
  476. if (control.Vertical === 'bottom') {
  477. area[JV.IDX_TOP] = area[JV.IDX_BOTTOM] - (aH * actLines.length);
  478. } else {
  479. area[JV.IDX_TOP] = (area[JV.IDX_TOP] + area[JV.IDX_BOTTOM]) / 2 - (aH * actLines.length) / 2
  480. area[JV.IDX_BOTTOM] = area[JV.IDX_TOP] + (aH * actLines.length);
  481. }
  482. }
  483. let newArea = [], baseTop = area[JV.IDX_TOP];
  484. for (let ai = 0; ai < area.length; ai++) {
  485. newArea[ai] = area[ai];
  486. }
  487. options.width = validAreaTxtWidth * PDF_SCALE;
  488. options.height = dftFontHeight * PDF_SCALE;
  489. for (let lIdx = 0; lIdx < actLines.length; lIdx++) {
  490. newArea[JV.IDX_TOP] = Math.round(aH * lIdx + baseTop);
  491. newArea[JV.IDX_BOTTOM] = Math.round(aH * (lIdx + 1) + baseTop);
  492. doc.setFontSize(dftFontHeight);
  493. inner_setupControl(actLines[lIdx], newArea, dftFontHeight, output);
  494. if (font[JV.FONT_PROPS[5]] === 'T' && parseInt(font.FontAngle) === 0) {
  495. private_drawUnderline(actLines[lIdx], newArea);
  496. }
  497. doc.setFontSize(dftFontHeight * PDF_SCALE);
  498. doc.text(output[0] * PDF_SCALE, output[1] * PDF_SCALE, actLines[lIdx]);
  499. }
  500. break;
  501. }
  502. }
  503. }
  504. }
  505. function private_setupAreaH(outVal, area, type, fontAngle, dftFontHeight, outputPoint,options) {
  506. //jspdf输出方式不同(但与H5的canvas处理方式有所不同,因为没有相关alignment属性,需要自己算,而且角度还暂时不支持)-------------------------------------------
  507. let lType = type;
  508. if (type !== "left" && type !== "right" && type !== "center") lType = "left";
  509. switch (lType) {
  510. case "left":
  511. if (fontAngle === JV.VERTICAL_ANGLE_INT) {
  512. // outputPoint[1] = 1 * area[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_LEFT];
  513. } else if (fontAngle === JV.ANTI_VERTICAL_ANGLE_INT) {
  514. // outputPoint[1] = 1 * area[JV.IDX_BOTTOM] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_LEFT];
  515. } else {
  516. outputPoint[0] = 1 * area[JV.IDX_LEFT] + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_LEFT];
  517. }
  518. //ctx.textAlign="start";
  519. break;
  520. case "right":
  521. if (fontAngle === JV.VERTICAL_ANGLE_INT) {
  522. outputPoint[1] = 1 * area[JV.IDX_BOTTOM] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_RIGHT];
  523. } else if (fontAngle === JV.ANTI_VERTICAL_ANGLE_INT) {
  524. outputPoint[1] = 1 * area[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_RIGHT];
  525. } else {
  526. let width = doc.getTextWidth(outVal);
  527. outputPoint[0] = 1 * area[JV.IDX_RIGHT] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_RIGHT] - width;
  528. }
  529. //ctx.textAlign="end";
  530. break;
  531. case "center":
  532. if (fontAngle === JV.VERTICAL_ANGLE_INT || fontAngle === JV.ANTI_VERTICAL_ANGLE_INT) {
  533. outputPoint[1] = (1 * area[JV.IDX_TOP] + 1 * area[JV.IDX_BOTTOM]) / 2;
  534. } else {
  535. let width = doc.getTextWidth(outVal);
  536. outputPoint[0] = (1 * area[JV.IDX_LEFT] + 1 * area[JV.IDX_RIGHT]) / 2 - (width / 2);
  537. }
  538. //ctx.textAlign="center";
  539. break;
  540. }
  541. }
  542. function private_setupAreaV(outVal, area, type, fontAngle, dftFontHeight, outputPoint) {
  543. //jspdf输出方式不同(与H5的canvas一样处理)-------------------------------------------
  544. let lType = type;
  545. if (type !== "top" && type !== "bottom" && type !== "center") lType = "top";
  546. switch (lType) {
  547. case "top":
  548. if (fontAngle === JV.VERTICAL_ANGLE_INT) {
  549. outputPoint[0] = 1 * area[JV.IDX_RIGHT] - dftFontHeight - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP];
  550. } else if (fontAngle === JV.ANTI_VERTICAL_ANGLE_INT) {
  551. outputPoint[0] = 1 * area[JV.IDX_LEFT] + dftFontHeight + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP];
  552. } else outputPoint[1] = 1 * area[JV.IDX_TOP] + dftFontHeight + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP];
  553. break;
  554. case "bottom":
  555. if (fontAngle === JV.VERTICAL_ANGLE_INT) {
  556. outputPoint[0] = 1 * area[JV.IDX_LEFT] + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM];
  557. } else if (fontAngle === JV.ANTI_VERTICAL_ANGLE_INT) {
  558. outputPoint[0] = 1 * area[JV.IDX_RIGHT] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM];
  559. } else {
  560. outputPoint[1] = 1 * area[JV.IDX_BOTTOM] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM];
  561. // if (fontName === "宋体") outputPoint[1] = outputPoint[1] - 1;
  562. outputPoint[1] = outputPoint[1] - 1; // 宋体需要提上一个像素点
  563. }
  564. break;
  565. case "center":
  566. if (fontAngle === JV.VERTICAL_ANGLE_INT) {
  567. outputPoint[0] = (1 * area[JV.IDX_LEFT] + 1 * area[JV.IDX_RIGHT] - dftFontHeight) / 2;
  568. } else if (fontAngle === JV.ANTI_VERTICAL_ANGLE_INT) {
  569. outputPoint[0] = (1 * area[JV.IDX_LEFT] + 1 * area[JV.IDX_RIGHT] + dftFontHeight) / 2;
  570. } else {
  571. outputPoint[1] = (1 * area[JV.IDX_TOP] + 1 * area[JV.IDX_BOTTOM] + dftFontHeight) / 2;
  572. // if (fontName === "宋体") outputPoint[1] = outputPoint[1] - 1;
  573. outputPoint[1] = outputPoint[1] - 1; // 宋体需要提上一个像素点
  574. }
  575. break;
  576. }
  577. }
  578. function private_splitString(strVal, areaWidth, doc) {
  579. let rst = [];
  580. if (strVal) {
  581. let preSIdx = 0, txtWidth = 0;
  582. let currentW = 0;
  583. let chnW = doc.getTextWidth('一'), otherW = doc.getTextWidth('_');
  584. for (let sIdx = 0; sIdx < strVal.length; sIdx++) {
  585. currentW = (strVal.charCodeAt(sIdx) > 127)?chnW:otherW;
  586. txtWidth += currentW;
  587. if (txtWidth > areaWidth) {
  588. if (preSIdx < sIdx) {
  589. rst.push(strVal.substr(preSIdx, sIdx - preSIdx));
  590. preSIdx = sIdx;
  591. } else {
  592. rst.push(strVal.substr(preSIdx, 1));
  593. preSIdx = sIdx + 1;
  594. }
  595. txtWidth = currentW;
  596. }
  597. if (sIdx === strVal.length - 1) {
  598. rst.push(strVal.substr(preSIdx, strVal.length - preSIdx));
  599. }
  600. }
  601. }
  602. if (rst.length === 0) rst.push(''); //什么都没有,也得整个空串
  603. return rst;
  604. }
  605. function private_setupAreaRotateOption(area,w, type="top",dftFontHeight,outputPoint){
  606. let x = (area[JV.IDX_RIGHT] - area[JV.IDX_LEFT])/2+area[JV.IDX_LEFT];
  607. let y =(area[JV.IDX_BOTTOM] - area[JV.IDX_TOP])/2+ area[JV.IDX_TOP];
  608. let rotateOptions = {origin:[x,y]};
  609. let h = area[JV.IDX_RIGHT] - area[JV.IDX_LEFT];
  610. outputPoint[0]=x-w/2+JV.OUTPUT_OFFSET[JV.OFFSET_IDX_LEFT];
  611. switch (type) {
  612. case "top":
  613. outputPoint[1] = y- h/2+ JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP];
  614. break;
  615. case "bottom":
  616. outputPoint[1] = y+ h/2-JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM]-dftFontHeight;
  617. break;
  618. case "center":
  619. outputPoint[1] = y+dftFontHeight/2;
  620. break;
  621. }
  622. return rotateOptions;
  623. }
  624. }
  625. }