jpc_output.js 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424
  1. /**
  2. * Created by Tony on 2017/11/2.
  3. */
  4. let JpcCanvasOutput = {
  5. offsetX: 10,
  6. offsetY: 10,
  7. scaleFactor: 1,
  8. cleanCanvas: function (canvas) {
  9. let ctx = canvas.getContext("2d");
  10. ctx.save();
  11. ctx.fillStyle="white";
  12. ctx.clearRect(0,0, canvas.width, canvas.height);
  13. ctx.restore();
  14. },
  15. resetFonts: function(rptFonts) {
  16. let me = JpcCanvasOutput;
  17. if (me.scaleFactor !== 1) {
  18. for (let key in rptFonts) {
  19. rptFonts[key]["FontHeight"] = me.scaleFactor * rptFonts[key]["FontHeight"];
  20. }
  21. }
  22. },
  23. drawToCanvas : function(pageObj, canvas, pageIdx) {
  24. let me = this;
  25. let ctx = canvas.getContext("2d");
  26. let floatReg = /^(-?\d+)(\.\d+)?$/;
  27. function private_setupAreaH(area, type, fontAngle, dftFontHeight, outputPoint) {
  28. let lType = type;
  29. if (type !== "left" && type !== "right" && type !== "center") lType = "left";
  30. switch (lType) {
  31. case "left":
  32. if (fontAngle === JV.VERTICAL_ANGLE_INT) {
  33. outputPoint[1] = 1 * area[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_LEFT];
  34. } else if (fontAngle === JV.ANTI_VERTICAL_ANGLE_INT) {
  35. outputPoint[1] = 1 * area[JV.IDX_BOTTOM] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_LEFT];
  36. } else outputPoint[0] = 1 * area[JV.IDX_LEFT] + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_LEFT];
  37. ctx.textAlign="start";
  38. break;
  39. case "right":
  40. if (fontAngle === JV.VERTICAL_ANGLE_INT) {
  41. outputPoint[1] = 1 * area[JV.IDX_BOTTOM] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_RIGHT];
  42. } else if (fontAngle === JV.ANTI_VERTICAL_ANGLE_INT) {
  43. outputPoint[1] = 1 * area[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_RIGHT];
  44. } else outputPoint[0] = 1 * area[JV.IDX_RIGHT] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_RIGHT];
  45. ctx.textAlign="end";
  46. break;
  47. case "center":
  48. if (fontAngle === JV.VERTICAL_ANGLE_INT || fontAngle === JV.ANTI_VERTICAL_ANGLE_INT) {
  49. outputPoint[1] = (1 * area[JV.IDX_TOP] + 1 * area[JV.IDX_BOTTOM]) / 2;
  50. } else outputPoint[0] = (1 * area[JV.IDX_LEFT] + 1 * area[JV.IDX_RIGHT]) / 2;
  51. ctx.textAlign="center";
  52. break;
  53. }
  54. }
  55. function private_setupAreaV(area, type, fontAngle, fontName, dftFontHeight, outputPoint) {
  56. let lType = type;
  57. if (type !== "top" && type !== "bottom" && type !== "center") lType = "top";
  58. switch (lType) {
  59. case "top":
  60. if (fontAngle === JV.VERTICAL_ANGLE_INT) {
  61. outputPoint[0] = 1 * area[JV.IDX_RIGHT] - dftFontHeight - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP];
  62. } else if (fontAngle === JV.ANTI_VERTICAL_ANGLE_INT) {
  63. outputPoint[0] = 1 * area[JV.IDX_LEFT] + dftFontHeight + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP];
  64. } else outputPoint[1] = 1 * area[JV.IDX_TOP] + dftFontHeight + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP];
  65. break;
  66. case "bottom":
  67. if (fontAngle === JV.VERTICAL_ANGLE_INT) {
  68. outputPoint[0] = 1 * area[JV.IDX_LEFT] + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM];
  69. } else if (fontAngle === JV.ANTI_VERTICAL_ANGLE_INT) {
  70. outputPoint[0] = 1 * area[JV.IDX_RIGHT] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM];
  71. } else {
  72. outputPoint[1] = 1 * area[JV.IDX_BOTTOM] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM];
  73. if (fontName === "宋体") outputPoint[1] = outputPoint[1] - 1;
  74. }
  75. break;
  76. case "center":
  77. if (fontAngle === JV.VERTICAL_ANGLE_INT) {
  78. outputPoint[0] = (1 * area[JV.IDX_LEFT] + 1 * area[JV.IDX_RIGHT] - dftFontHeight) / 2;
  79. } else if (fontAngle === JV.ANTI_VERTICAL_ANGLE_INT) {
  80. outputPoint[0] = (1 * area[JV.IDX_LEFT] + 1 * area[JV.IDX_RIGHT] + dftFontHeight) / 2;
  81. } else {
  82. outputPoint[1] = (1 * area[JV.IDX_TOP] + 1 * area[JV.IDX_BOTTOM] + dftFontHeight) / 2;
  83. if (fontName === "宋体") outputPoint[1] = outputPoint[1] - 1;
  84. }
  85. break;
  86. }
  87. }
  88. function private_splitString(strVal, areaWidth, ctx) {
  89. let rst = [];
  90. if (strVal) {
  91. let preSIdx = 0, txtWidth = 0;
  92. let currentW = 0;
  93. let chnW = ctx.measureText('一').width, otherW = ctx.measureText('_').width;
  94. for (let sIdx = 0; sIdx < strVal.length; sIdx++) {
  95. currentW = (strVal.charCodeAt(sIdx) > 127)?chnW:otherW;
  96. txtWidth += currentW;
  97. if (txtWidth > areaWidth) {
  98. if (preSIdx < sIdx) {
  99. rst.push(strVal.substr(preSIdx, sIdx - preSIdx));
  100. preSIdx = sIdx;
  101. } else {
  102. rst.push(strVal.substr(preSIdx, 1));
  103. preSIdx = sIdx + 1;
  104. }
  105. txtWidth = currentW;
  106. }
  107. if (sIdx === strVal.length - 1) {
  108. rst.push(strVal.substr(preSIdx, strVal.length - preSIdx));
  109. }
  110. }
  111. }
  112. if (rst.length === 0) rst.push(''); //什么都没有,也得整个空串
  113. return rst;
  114. }
  115. function private_drawText(val, area, font, control) {
  116. let dftFontHeight = 12;
  117. let output = [];
  118. if (font) {
  119. dftFontHeight = parseFloat(font[JV.FONT_PROPS[1]]);
  120. let dftOthers = "";
  121. let dftFontBold = font[JV.FONT_PROPS[3]];
  122. if (dftFontBold && dftFontBold === 'T') {
  123. dftOthers = "bold " + dftOthers ;
  124. }
  125. let dftFontItalic = font[JV.FONT_PROPS[4]];
  126. if (dftFontItalic && dftFontItalic === 'T') {
  127. dftOthers = dftOthers + "italic ";
  128. }
  129. ctx.font = dftOthers + dftFontHeight + "px " + font[JV.PROP_NAME];
  130. }
  131. let inner_setupControl = function (inArea, inFontHeight, inOutput) {
  132. if (control) {
  133. private_setupAreaH(inArea, control.Horizon, parseInt(font.FontAngle), inFontHeight, inOutput);
  134. private_setupAreaV(inArea, control.Vertical, parseInt(font.FontAngle), font.Name, inFontHeight, inOutput);
  135. } else {
  136. private_setupAreaH(inArea, "left", parseInt(font.FontAngle), inFontHeight, inOutput);
  137. private_setupAreaV(inArea, "bottom", parseInt(font.FontAngle), font.Name, inFontHeight, inOutput);
  138. }
  139. };
  140. inner_setupControl(area, dftFontHeight, output);
  141. let w = area[JV.IDX_RIGHT] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_RIGHT] - area[JV.IDX_LEFT] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_RIGHT];
  142. if ( parseInt(font.FontAngle) !== 0) {
  143. w = area[JV.IDX_BOTTOM] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM] - area[JV.IDX_TOP] - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP];
  144. }
  145. function private_drawUnderline() {
  146. //A. 暂不支持角度; B. 坐标已经translate
  147. //1. 计算下划线的相关坐标
  148. let width = ctx.measureText(val).width;
  149. let height = dftFontHeight;
  150. // let startX = area[JV.IDX_LEFT], startY = area[JV.IDX_TOP], endX = area[JV.IDX_RIGHT], endY = area[JV.IDX_BOTTOM];
  151. let startX = 0, startY = 0, endX = width, endY = startY;
  152. if (control.Horizon === "left") {
  153. // 无变化;
  154. } else if (control.Horizon === "right") {
  155. startX = Math.round(startX - width);
  156. } else {
  157. startX = Math.round(startX - width / 2);
  158. }
  159. endX = Math.round(startX + width);
  160. if (control.Vertical === "top") {
  161. startY += JV.OUTPUT_OFFSET[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.IDX_BOTTOM];
  162. } else if (control.Vertical === "bottom") {
  163. // startY = Math.round(startY);
  164. startY += JV.OUTPUT_OFFSET[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.IDX_BOTTOM];
  165. } else {
  166. startY = Math.round(height / 2) - JV.OUTPUT_OFFSET[JV.IDX_TOP] - JV.OUTPUT_OFFSET[JV.IDX_BOTTOM];
  167. // startY += JV.OUTPUT_OFFSET[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.IDX_BOTTOM];
  168. }
  169. endY = Math.round(startY);
  170. //2. 画线
  171. // ctx.save();
  172. if ( output[1] !== Math.round(output[1])) {
  173. ctx.translate(0,0.5);
  174. }
  175. ctx.beginPath();
  176. ctx.moveTo(startX, startY);
  177. ctx.lineWidth = 1;
  178. ctx.strokeStyle = "BLACK";
  179. ctx.lineTo(endX, endY);
  180. ctx.stroke();
  181. // ctx.restore();
  182. }
  183. ctx.save();
  184. ctx.translate(output[0], output[1]);
  185. if (font[JV.FONT_PROPS[5]] === 'T' && parseInt(font.FontAngle) === 0) {
  186. private_drawUnderline();
  187. }
  188. if (font.FontAngle === JV.VERTICAL_ANGLE) {
  189. ctx.rotate(Math.PI/2);
  190. } else if (font.FontAngle === JV.ANTI_VERTICAL_ANGLE) {
  191. ctx.rotate(-Math.PI/2);
  192. }
  193. if (w >= ctx.measureText(val).width || (control && control.Shrink !== 'T') ) {
  194. ctx.fillText(val, 0, 0);
  195. } else {
  196. while (true) {
  197. 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));
  198. lines = (lines === 0)?1:lines;
  199. let actLines = private_splitString(val, w, ctx);
  200. if (actLines.length > lines && dftFontHeight >= 6) {
  201. dftFontHeight--;
  202. ctx.font = "" + dftFontHeight + "px " + font[JV.PROP_NAME];
  203. } else {
  204. let aH = dftFontHeight + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM] + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP] + 4;
  205. if ((aH * actLines.length) < (area[JV.IDX_BOTTOM] - area[JV.IDX_TOP]) && (control && control.Vertical !== 'top')) {
  206. if (control.Vertical === 'bottom') {
  207. area[JV.IDX_TOP] = area[JV.IDX_BOTTOM] - (aH * actLines.length);
  208. } else {
  209. area[JV.IDX_TOP] = (area[JV.IDX_TOP] + area[JV.IDX_BOTTOM]) / 2 - (aH * actLines.length) / 2
  210. area[JV.IDX_BOTTOM] = area[JV.IDX_TOP] + (aH * actLines.length);
  211. }
  212. }
  213. let newArea = [], baseTop = area[JV.IDX_TOP];
  214. for (let ai = 0; ai < area.length; ai++) {
  215. newArea[ai] = area[ai];
  216. }
  217. for (let lIdx = 0; lIdx < actLines.length; lIdx++) {
  218. newArea[JV.IDX_TOP] = Math.round(aH * lIdx + baseTop);
  219. newArea[JV.IDX_BOTTOM] = Math.round(aH * (lIdx + 1) + baseTop);
  220. ctx.translate(-output[0], -output[1]);
  221. inner_setupControl(newArea, dftFontHeight, output);
  222. ctx.translate(output[0], output[1]);
  223. ctx.fillText(actLines[lIdx], 0, 0);
  224. }
  225. break;
  226. }
  227. }
  228. }
  229. ctx.restore();
  230. }
  231. function private_drawCellText(cell, fonts, controls) {
  232. if (cell[JV.PROP_VALUE] !== null && cell[JV.PROP_VALUE] !== undefined) {
  233. let values = ("" + cell[JV.PROP_VALUE]).split('|');
  234. let font = null;
  235. if (typeof cell[JV.PROP_FONT] === "string") {
  236. font = fonts[cell[JV.PROP_FONT]];
  237. } else {
  238. font = cell[JV.PROP_FONT];
  239. }
  240. //let control = controls[cell[JV.PROP_CONTROL]];
  241. let control = null;
  242. if (typeof cell[JV.PROP_CONTROL] === "string") {
  243. control = controls[cell[JV.PROP_CONTROL]];
  244. } else {
  245. control = cell[JV.PROP_CONTROL];
  246. }
  247. if (control.ShowZero === "F") {
  248. if (typeof cell[JV.PROP_VALUE] === "string") {
  249. if (floatReg.test(cell[JV.PROP_VALUE]) && parseFloat(cell[JV.PROP_VALUE]) === 0.0) {
  250. values = [""];
  251. }
  252. } else if (parseFloat(cell[JV.PROP_VALUE]) === 0.0) {
  253. values = [""];
  254. }
  255. }
  256. let height = cell[JV.PROP_AREA][JV.PROP_BOTTOM] - cell[JV.PROP_AREA][JV.PROP_TOP];
  257. let area = [cell[JV.PROP_AREA][JV.PROP_LEFT] + me.offsetX, cell[JV.PROP_AREA][JV.PROP_TOP] + me.offsetY, cell[JV.PROP_AREA][JV.PROP_RIGHT] + me.offsetX, cell[JV.PROP_AREA][JV.PROP_BOTTOM] + me.offsetY];
  258. for (let i = 0; i < values.length; i++) {
  259. area[JV.IDX_TOP] = cell[JV.PROP_AREA][JV.PROP_TOP] + i * (height / values.length) + me.offsetY;
  260. area[JV.IDX_BOTTOM] = cell[JV.PROP_AREA][JV.PROP_TOP] + (i + 1) * (height / values.length) + me.offsetY;
  261. private_drawText(values[i], area, font, control);
  262. }
  263. }
  264. }
  265. function private_drawLine(cell, ctx, style, styleBorderDest, startP, destP, mergedBand, styles, isNeedMergeBand) {
  266. ctx.beginPath();
  267. let destStyle = style;
  268. if (mergedBand) {
  269. if (isNeedMergeBand && parseFloat(mergedBand[styleBorderDest]) === parseFloat(cell[JV.PROP_AREA][styleBorderDest])) {
  270. destStyle = styles[mergedBand[JV.PROP_STYLE][JV.PROP_ID]];
  271. }
  272. }
  273. ctx.moveTo(cell[JV.PROP_AREA][startP[0]] + me.offsetX, cell[JV.PROP_AREA][startP[1]] + me.offsetY);
  274. if (destStyle[styleBorderDest] && parseFloat(destStyle[styleBorderDest][JV.PROP_LINE_WEIGHT]) !== 0.0) {
  275. ctx.lineWidth = 1.0 * destStyle[styleBorderDest][JV.PROP_LINE_WEIGHT];
  276. ctx.strokeStyle = destStyle[styleBorderDest][JV.PROP_COLOR];
  277. ctx.lineTo(cell[JV.PROP_AREA][destP[0]] + me.offsetX, cell[JV.PROP_AREA][destP[1]] + me.offsetY);
  278. }
  279. ctx.stroke();
  280. }
  281. function private_chkIfInMergedBand(mergedBand, cell) {
  282. let rst = false;
  283. if (mergedBand && cell) {
  284. rst = mergedBand[JV.PROP_TOP] <= cell[JV.PROP_AREA][JV.PROP_TOP] && mergedBand[JV.PROP_BOTTOM] >= cell[JV.PROP_AREA][JV.PROP_BOTTOM] &&
  285. mergedBand[JV.PROP_LEFT] <= cell[JV.PROP_AREA][JV.PROP_LEFT] && mergedBand[JV.PROP_RIGHT] >= cell[JV.PROP_AREA][JV.PROP_RIGHT];
  286. }
  287. return rst;
  288. }
  289. function private_drawCell(cell, fonts, styles, controls, mergedBand) {
  290. ctx.save();
  291. ctx.translate(0.5,0.5);
  292. let style = styles[cell[JV.PROP_STYLE]];
  293. if (style) {
  294. let isNeedMergeBand = private_chkIfInMergedBand(mergedBand, cell);
  295. private_drawLine(cell, ctx, style, JV.PROP_TOP, [JV.PROP_LEFT, JV.PROP_TOP],[JV.PROP_RIGHT, JV.PROP_TOP], mergedBand, styles, isNeedMergeBand);
  296. private_drawLine(cell, ctx, style, JV.PROP_RIGHT, [JV.PROP_RIGHT, JV.PROP_TOP],[JV.PROP_RIGHT, JV.PROP_BOTTOM], mergedBand, styles, isNeedMergeBand);
  297. private_drawLine(cell, ctx, style, JV.PROP_BOTTOM, [JV.PROP_RIGHT, JV.PROP_BOTTOM],[JV.PROP_LEFT, JV.PROP_BOTTOM], mergedBand, styles, isNeedMergeBand);
  298. private_drawLine(cell, ctx, style, JV.PROP_LEFT, [JV.PROP_LEFT, JV.PROP_BOTTOM],[JV.PROP_LEFT, JV.PROP_TOP], mergedBand, styles, isNeedMergeBand);
  299. }
  300. private_drawCellText(cell, fonts, controls);
  301. ctx.restore();
  302. }
  303. function getIniPageMergeBorder(mergedBand) {
  304. let rst = {};
  305. if (mergedBand) {
  306. rst[JV.PROP_LEFT] = mergedBand[JV.PROP_LEFT];
  307. rst[JV.PROP_RIGHT] = mergedBand[JV.PROP_RIGHT];
  308. rst[JV.PROP_TOP] = mergedBand[JV.PROP_TOP];
  309. rst[JV.PROP_BOTTOM] = mergedBand[JV.PROP_BOTTOM];
  310. rst[JV.PROP_STYLE] = mergedBand[JV.PROP_STYLE];
  311. }
  312. return rst;
  313. }
  314. function private_resetArea(area) {
  315. area[JV.PROP_LEFT] = me.scaleFactor * area[JV.PROP_LEFT];
  316. area[JV.PROP_RIGHT] = me.scaleFactor * area[JV.PROP_RIGHT];
  317. area[JV.PROP_TOP] = me.scaleFactor * area[JV.PROP_TOP];
  318. area[JV.PROP_BOTTOM] = me.scaleFactor * area[JV.PROP_BOTTOM];
  319. }
  320. function private_resetCellFont(cell) {
  321. if (typeof cell.font !== "string") {
  322. cell.font["FontHeight"] = me.scaleFactor * cell.font["FontHeight"];
  323. }
  324. }
  325. if (pageObj && pageObj.items.length > 0 && canvas && pageObj.items.length >= pageIdx) {
  326. let page = pageObj.items[pageIdx - 1],
  327. fonts = pageObj[JV.NODE_FONT_COLLECTION],
  328. styles = pageObj[JV.NODE_STYLE_COLLECTION],
  329. controls = pageObj[JV.NODE_CONTROL_COLLECTION],
  330. mergedBand = pageObj[JV.BAND_PROP_MERGE_BAND];
  331. let newPageMergeBand = getIniPageMergeBorder(mergedBand);
  332. if (page[JV.PROP_PAGE_MERGE_BORDER]) {
  333. newPageMergeBand[JV.PROP_LEFT] = page[JV.PROP_PAGE_MERGE_BORDER][JV.PROP_LEFT];
  334. newPageMergeBand[JV.PROP_RIGHT] = page[JV.PROP_PAGE_MERGE_BORDER][JV.PROP_RIGHT];
  335. newPageMergeBand[JV.PROP_TOP] = page[JV.PROP_PAGE_MERGE_BORDER][JV.PROP_TOP];
  336. newPageMergeBand[JV.PROP_BOTTOM] = page[JV.PROP_PAGE_MERGE_BORDER][JV.PROP_BOTTOM];
  337. }
  338. private_resetArea(newPageMergeBand);
  339. for (let j = 0; j < page.cells.length; j++) {
  340. let cell = page.cells[j];
  341. if (me.scaleFactor !== 1) {
  342. private_resetCellFont(cell);
  343. private_resetArea(cell[JV.PROP_AREA]);
  344. }
  345. private_drawCell(cell, fonts, styles, controls, newPageMergeBand);
  346. }
  347. }
  348. },
  349. highlightConflictArea: function (pageObj, pageIdx) {
  350. if (pageObj && pageObj.items.length > 0 && pageObj.items.length >= pageIdx) {
  351. let private_create_conflict_line = function () {
  352. return {"LineWeight": "1", "DashStyle": "SOLID", "Color": "RED"};
  353. };
  354. let page = pageObj.items[pageIdx - 1],
  355. styleConflict = {"Left": private_create_conflict_line(), "Right": private_create_conflict_line(), "Top": private_create_conflict_line(), "Bottom": private_create_conflict_line()}
  356. ;
  357. pageObj[JV.NODE_STYLE_COLLECTION]["ConflictCell"] = styleConflict;
  358. let conflictIds = [];
  359. for (let j = 0; j < page.cells.length; j++) {
  360. if (conflictIds.indexOf(j) < 0) {
  361. let cell1 = page.cells[j];
  362. for (let k = j + 1; k < page.cells.length; k++) {
  363. let cell2 = page.cells[k];
  364. //判断area是否有交叉
  365. if (areaConflict(cell1[JV.PROP_AREA], cell2[JV.PROP_AREA])) {
  366. conflictIds.push(j);
  367. conflictIds.push(k);
  368. cell1[JV.PROP_STYLE] = "ConflictCell";
  369. cell2[JV.PROP_STYLE] = "ConflictCell";
  370. }
  371. }
  372. }
  373. }
  374. }
  375. },
  376. drawPageBorder: function(rptTpl, canvas, resolution) {
  377. let me = this;
  378. let size = me.getReportSizeInPixel(rptTpl, resolution);
  379. let ctx = canvas.getContext("2d");
  380. ctx.save();
  381. ctx.beginPath();
  382. ctx.translate(0.5,0.5);
  383. ctx.lineWidth = 1;
  384. ctx.moveTo(me.offsetX, me.offsetY);
  385. ctx.lineTo(size[0] + me.offsetX, me.offsetY);
  386. ctx.lineTo(size[0] + me.offsetX, size[1] + me.offsetY);
  387. ctx.lineTo(me.offsetX, size[1] + me.offsetY);
  388. ctx.lineTo(me.offsetX, me.offsetY);
  389. ctx.stroke();
  390. ctx.restore();
  391. ctx.fillStyle="black";
  392. ctx.fillRect(size[0] + me.offsetX,10 + me.offsetY,10,size[1]);
  393. ctx.fillRect(10 + me.offsetX,size[1] + me.offsetY,size[0],10);
  394. },
  395. getReportSizeInPixel: function(rptTpl, resolution) {
  396. let rst = rptTpl[JV.NODE_PAGE_INFO][JV.NODE_PAGE_SIZE].slice(0);
  397. rst[0] = Math.round(resolution[0] * rst[0]);
  398. rst[1] = Math.round(resolution[0] * rst[1]);
  399. return rst;
  400. }
  401. };
  402. function areaConflict(area1,area2) {
  403. let maxX,maxY,minX,minY,
  404. w1 = area1[JV.PROP_RIGHT] - area1[JV.PROP_LEFT],
  405. w2 = area2[JV.PROP_RIGHT] - area2[JV.PROP_LEFT],
  406. h1 = area1[JV.PROP_BOTTOM] - area1[JV.PROP_TOP],
  407. h2 = area2[JV.PROP_BOTTOM] - area2[JV.PROP_TOP]
  408. ;
  409. //1. 求2个矩形的最小外包矩形
  410. minX = (area1[JV.PROP_LEFT] <= area2[JV.PROP_LEFT]) ? area1[JV.PROP_LEFT] : area2[JV.PROP_LEFT];
  411. minY = (area1[JV.PROP_TOP] <= area2[JV.PROP_TOP]) ? area1[JV.PROP_TOP] : area2[JV.PROP_TOP];
  412. maxX = (area1[JV.PROP_RIGHT] >= area2[JV.PROP_RIGHT]) ? area1[JV.PROP_RIGHT] : area2[JV.PROP_RIGHT];
  413. maxY = (area1[JV.PROP_BOTTOM] >= area2[JV.PROP_BOTTOM]) ? area1[JV.PROP_BOTTOM] : area2[JV.PROP_BOTTOM];
  414. //2. 判断外包矩形与高与宽是否小于俩矩形的高与宽之和(这里的边界条件是小于,等于的话不算;而且是高与宽都得符合条件!)
  415. return (maxX - minX < w1 + w2 && maxY - minY < h1 + h2);
  416. }