|
@@ -138,7 +138,11 @@ function buildCellSvg(cell, fonts, styles, controls, pageMergeBorder, rptMergeBo
|
|
|
"' style='stroke:rgb(0,0,0);stroke-width:" + bottomBS[JV.PROP_LINE_WEIGHT] +"'/>")
|
|
|
}
|
|
|
}
|
|
|
- buildText(rst, cell, font, controls[cell[JV.PROP_CONTROL]], offsetX, offsetY, adjustY, canvas);
|
|
|
+ let control = cell[JV.PROP_CONTROL];
|
|
|
+ if (typeof control === 'string') {
|
|
|
+ control = controls[cell[JV.PROP_CONTROL]];
|
|
|
+ }
|
|
|
+ buildText(rst, cell, font, control, offsetX, offsetY, adjustY, canvas);
|
|
|
|
|
|
return rst.join("");
|
|
|
}
|
|
@@ -178,42 +182,117 @@ function buildText(destRst, cell, font, control, offsetX, offsetY, adjustY, canv
|
|
|
x = Math.round((left + right) / 2);
|
|
|
}
|
|
|
}
|
|
|
- for (let vidx = 0; vidx < values.length; vidx++) {
|
|
|
- //check whether need to adjust the font size
|
|
|
- let ctx = canvas.getContext("2d");
|
|
|
+
|
|
|
+ let area = [0,0,0,0];
|
|
|
+ area[JV.IDX_TOP] = top;
|
|
|
+ area[JV.IDX_BOTTOM] = bottom;
|
|
|
+ area[JV.IDX_LEFT] = left;
|
|
|
+ area[JV.IDX_RIGHT] = right;
|
|
|
+ let height = bottom - top;
|
|
|
+ let ctx = canvas.getContext("2d");
|
|
|
+ let inner_draw_text = function (textValue) {
|
|
|
let dftFontHeight = orgFontHeight;
|
|
|
ctx.font = ((font[JV.FONT_PROPS[JV.FONT_PROP_IDX_BOLD]] === 'T')?"bold ":"") + ((font[JV.FONT_PROPS[JV.FONT_PROP_IDX_ITALIC]] === 'T')?"italic":"") + dftFontHeight + "px " + font[JV.PROP_NAME];
|
|
|
- while ((right - left) <= ctx.measureText(values[vidx]).width) {
|
|
|
- if (dftFontHeight > 6) {
|
|
|
- dftFontHeight--;
|
|
|
- ctx.font = ((font[JV.FONT_PROPS[JV.FONT_PROP_IDX_BOLD]] === 'T')?"bold ":"") + ((font[JV.FONT_PROPS[JV.FONT_PROP_IDX_ITALIC]] === 'T')?"italic":"") + dftFontHeight + "px " + font[JV.PROP_NAME];
|
|
|
+ function inner_build_text(innerTxt, innerArea) {
|
|
|
+ let innerDftFontHeight = (dftFontHeight * 3 / 4); //SVG的字体与canvas的字体大小的切换, 不用考虑取整
|
|
|
+ if (control) {
|
|
|
+ if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === "top") {
|
|
|
+ y = innerArea[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.IDX_TOP];
|
|
|
+ } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === "bottom") {
|
|
|
+ y = innerArea[JV.IDX_BOTTOM] - JV.OUTPUT_OFFSET[JV.IDX_BOTTOM];
|
|
|
+ } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === "center") {
|
|
|
+ y = Math.round((innerArea[JV.IDX_TOP] + innerArea[JV.IDX_BOTTOM] + innerDftFontHeight) / 2 );
|
|
|
+ }
|
|
|
} else {
|
|
|
- break;
|
|
|
+ y = innerArea[JV.IDX_TOP] + JV.OUTPUT_OFFSET[JV.IDX_TOP];
|
|
|
+ }
|
|
|
+ if (font[JV.PROP_NAME] === "宋体") {
|
|
|
+ y--;
|
|
|
}
|
|
|
+ destRst.push("<text style='fill:black;font-family:" + font[JV.PROP_NAME] +
|
|
|
+ ";font-weight:" + fontWeight +
|
|
|
+ ";font-style:" + fontStyle +
|
|
|
+ ";text-decoration:" + fontUnderline +
|
|
|
+ // ";text-decoration:normal" +
|
|
|
+ ";font-size:" + innerDftFontHeight + "pt' x='" +
|
|
|
+ x +"' y='" + y + "' text-anchor='" + text_anchor + "' xml:space='preserve'>" + innerTxt + "</text>");
|
|
|
}
|
|
|
- dftFontHeight = (dftFontHeight * 3 / 4); //SVG的字体与canvas的字体大小的切换, 不用考虑取整
|
|
|
- if (control) {
|
|
|
- if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === "top") {
|
|
|
- y = Math.round((top + vidx * stepHeight) + JV.OUTPUT_OFFSET[JV.OFFSET_IDX_TOP]);
|
|
|
- } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === "bottom") {
|
|
|
- y = Math.round((top + (vidx + 1) * stepHeight) - JV.OUTPUT_OFFSET[JV.OFFSET_IDX_BOTTOM]);
|
|
|
- } else if (control[JV.CONTROL_PROPS[JV.CONTROL_PROP_IDX_VERTICAL]] === "center") {
|
|
|
- y = Math.round(((top + vidx * stepHeight) + (top + (vidx + 1) * stepHeight) + dftFontHeight) / 2 );
|
|
|
+ let actLines = private_splitString(textValue, (area[JV.IDX_RIGHT] - area[JV.IDX_LEFT]), ctx);
|
|
|
+ if (actLines.length === 1 || (control && control.Shrink !== 'T')) {
|
|
|
+ inner_build_text(textValue, area);
|
|
|
+ } else {
|
|
|
+ while (true) {
|
|
|
+ if (dftFontHeight > 6) {
|
|
|
+ let lines = Math.floor((area[JV.IDX_BOTTOM] - area[JV.IDX_TOP]) / (dftFontHeight + JV.OUTPUT_OFFSET[JV.IDX_BOTTOM] + JV.OUTPUT_OFFSET[JV.IDX_TOP] + 4));
|
|
|
+ lines = (lines === 0)?1:lines;
|
|
|
+ actLines = private_splitString(textValue, (area[JV.IDX_RIGHT] - area[JV.IDX_LEFT] - JV.OUTPUT_OFFSET[JV.IDX_LEFT] - JV.OUTPUT_OFFSET[JV.IDX_RIGHT]), ctx);
|
|
|
+ if (lines >= actLines.length) {
|
|
|
+ let aH = dftFontHeight + JV.OUTPUT_OFFSET[JV.IDX_BOTTOM] + JV.OUTPUT_OFFSET[JV.IDX_TOP] + 4;
|
|
|
+ if ((aH * actLines.length) < (area[JV.IDX_BOTTOM] - area[JV.IDX_TOP]) && (control && control.Vertical !== 'top')) {
|
|
|
+ if (control.Vertical === 'bottom') {
|
|
|
+ area[JV.IDX_TOP] = area[JV.IDX_BOTTOM] - (aH * actLines.length);
|
|
|
+ } else {
|
|
|
+ area[JV.IDX_TOP] = (area[JV.IDX_TOP] + area[JV.IDX_BOTTOM]) / 2 - (aH * actLines.length) / 2
|
|
|
+ area[JV.IDX_BOTTOM] = area[JV.IDX_TOP] + (aH * actLines.length);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ let newArea = [], baseTop = area[JV.IDX_TOP];
|
|
|
+ for (let ai = 0; ai < area.length; ai++) {
|
|
|
+ newArea[ai] = area[ai];
|
|
|
+ }
|
|
|
+ for (let lIdx = 0; lIdx < actLines.length; lIdx++) {
|
|
|
+ newArea[JV.IDX_TOP] = Math.round(aH * lIdx + baseTop);
|
|
|
+ newArea[JV.IDX_BOTTOM] = Math.round(aH * (lIdx + 1) + baseTop);
|
|
|
+ inner_build_text(actLines[lIdx], newArea);
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ } else {
|
|
|
+ dftFontHeight--;
|
|
|
+ ctx.font = ((font[JV.FONT_PROPS[JV.FONT_PROP_IDX_BOLD]] === 'T')?"bold ":"") + ((font[JV.FONT_PROPS[JV.FONT_PROP_IDX_ITALIC]] === 'T')?"italic":"") + dftFontHeight + "px " + font[JV.PROP_NAME];
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ inner_build_text(textValue, area);
|
|
|
+ break;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- if (font[JV.PROP_NAME] === "宋体") {
|
|
|
- y--;
|
|
|
+ };
|
|
|
+ for (let vidx = 0; vidx < values.length; vidx++) {
|
|
|
+ area[JV.IDX_TOP] = top + vidx * (height / values.length);
|
|
|
+ area[JV.IDX_BOTTOM] = top + (vidx + 1) * (height / values.length);
|
|
|
+ inner_draw_text(values[vidx]);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+function private_splitString(strVal, areaWidth, ctx) {
|
|
|
+ let rst = [];
|
|
|
+ if (strVal) {
|
|
|
+ let preSIdx = 0, txtWidth = 0;
|
|
|
+ let currentW = 0;
|
|
|
+ let chnW = ctx.measureText('一').width, otherW = ctx.measureText('_').width;
|
|
|
+ for (let sIdx = 0; sIdx < strVal.length; sIdx++) {
|
|
|
+ currentW = (strVal.charCodeAt(sIdx) > 127)?chnW:otherW;
|
|
|
+ txtWidth += currentW;
|
|
|
+ if (txtWidth > areaWidth) {
|
|
|
+ if (preSIdx < sIdx) {
|
|
|
+ rst.push(strVal.substr(preSIdx, sIdx - preSIdx));
|
|
|
+ preSIdx = sIdx;
|
|
|
+ } else {
|
|
|
+ rst.push(strVal.substr(preSIdx, 1));
|
|
|
+ preSIdx = sIdx + 1;
|
|
|
+ }
|
|
|
+ txtWidth = currentW;
|
|
|
+ }
|
|
|
+ if (sIdx === strVal.length - 1) {
|
|
|
+ rst.push(strVal.substr(preSIdx, strVal.length - preSIdx));
|
|
|
+ }
|
|
|
}
|
|
|
- destRst.push("<text style='fill:black;font-family:" + font[JV.PROP_NAME] +
|
|
|
- ";font-weight:" + fontWeight +
|
|
|
- ";font-style:" + fontStyle +
|
|
|
- ";text-decoration:" + fontUnderline +
|
|
|
- // ";text-decoration:normal" +
|
|
|
- ";font-size:" + dftFontHeight + "pt' x='" +
|
|
|
- x +"' y='" + y + "' text-anchor='" + text_anchor + "' xml:space='preserve'>" + values[vidx] + "</text>");
|
|
|
}
|
|
|
+ if (rst.length === 0) rst.push(''); //什么都没有,也得整个空串
|
|
|
+ return rst;
|
|
|
}
|
|
|
|
|
|
+
|
|
|
function getPixelSize(pagesData) {
|
|
|
let rst = [793,1122];
|
|
|
let SCREEN_DPI = [96,96];
|