|
|
|
@ -416,121 +416,232 @@ function getCellTextInfo(cell , ctx, option){ |
|
|
|
textContent.rotate = rt; |
|
|
|
rt = Math.abs(rt); |
|
|
|
|
|
|
|
let anchor = 0; |
|
|
|
let anchor = 0, preHeight = 0, preWidth=0, preStr, preTextHeight, preTextWidth; |
|
|
|
for(let i = 1; i <= value.length; i++){ |
|
|
|
let str = value.substr(anchor, i); |
|
|
|
let str = value.substring(anchor, i); |
|
|
|
let measureText = getMeasureText(str, ctx); |
|
|
|
let textW = measureText.width; |
|
|
|
let textH = measureText.actualBoundingBoxAscent+measureText.actualBoundingBoxDescent; |
|
|
|
let textWidth = measureText.width; |
|
|
|
let textHeight = measureText.actualBoundingBoxAscent+measureText.actualBoundingBoxDescent; |
|
|
|
|
|
|
|
let width = textWidth * Math.cos(rt*Math.PI/180) + textHeight * Math.sin(rt*Math.PI/180);//consider text box wdith and line height
|
|
|
|
|
|
|
|
let height = textWidth * Math.sin(rt*Math.PI/180) + textHeight * Math.cos(rt*Math.PI/180);//consider text box wdith and line height
|
|
|
|
|
|
|
|
// textW_all += textW;
|
|
|
|
|
|
|
|
if(text_all_split[splitIndex]==null){ |
|
|
|
text_all_split[splitIndex]= []; |
|
|
|
} |
|
|
|
|
|
|
|
if(rt!=0){//rotate
|
|
|
|
if((height+space_height)>cellHeight){ |
|
|
|
anchor = i-1; |
|
|
|
|
|
|
|
text_all_split[splitIndex].push({ |
|
|
|
content:preStr, |
|
|
|
style:fontset, |
|
|
|
width:preWidth, |
|
|
|
height:preHeight, |
|
|
|
left:0, |
|
|
|
top:0, |
|
|
|
splitIndex:splitIndex, |
|
|
|
textHeight:preTextHeight, |
|
|
|
textWidth:preTextWidth, |
|
|
|
asc:measureText.actualBoundingBoxAscent, |
|
|
|
desc:measureText.actualBoundingBoxDescent |
|
|
|
}); |
|
|
|
|
|
|
|
if(rt!=0){ |
|
|
|
text_all_cache += textH; |
|
|
|
if(text_all_cache>cellHeight && text_all_split[splitIndex]!=null){ |
|
|
|
text_all_splitLen.push(text_all_cache-textH); |
|
|
|
text_all_cache = textH; |
|
|
|
splitIndex +=1; |
|
|
|
} |
|
|
|
else if(i== value.length){ |
|
|
|
|
|
|
|
text_all_split[splitIndex].push({ |
|
|
|
content:str, |
|
|
|
style:fontset, |
|
|
|
width:width, |
|
|
|
height:height, |
|
|
|
left:0, |
|
|
|
top:0, |
|
|
|
splitIndex:splitIndex, |
|
|
|
textHeight:textHeight, |
|
|
|
textWidth:textWidth, |
|
|
|
asc:measureText.actualBoundingBoxAscent, |
|
|
|
desc:measureText.actualBoundingBoxDescent |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
else{//plain
|
|
|
|
if((width+space_width)>cellWidth){ |
|
|
|
|
|
|
|
anchor = i; |
|
|
|
anchor = i-1; |
|
|
|
|
|
|
|
text_all_split[splitIndex].push({ |
|
|
|
content:preStr, |
|
|
|
style:fontset, |
|
|
|
width:preWidth, |
|
|
|
height:preHeight, |
|
|
|
left:0, |
|
|
|
top:0, |
|
|
|
splitIndex:splitIndex, |
|
|
|
asc:measureText.actualBoundingBoxAscent, |
|
|
|
desc:measureText.actualBoundingBoxDescent |
|
|
|
}); |
|
|
|
|
|
|
|
if(i== value.length){ |
|
|
|
textH_all_ColumnHeight.push(textH_all_cache); |
|
|
|
} |
|
|
|
|
|
|
|
if(textH_all_Column[colIndex]==null){ |
|
|
|
text_all_split[colIndex]= []; |
|
|
|
} |
|
|
|
splitIndex +=1; |
|
|
|
} |
|
|
|
else if(i== value.length){ |
|
|
|
|
|
|
|
text_all_split[splitIndex].push({ |
|
|
|
content:vArr[i], |
|
|
|
content:str, |
|
|
|
style:fontset, |
|
|
|
width:textW, |
|
|
|
height:textH, |
|
|
|
width:width, |
|
|
|
height:height, |
|
|
|
left:0, |
|
|
|
top:0, |
|
|
|
colIndex:colIndex, |
|
|
|
splitIndex:splitIndex, |
|
|
|
asc:measureText.actualBoundingBoxAscent, |
|
|
|
desc:measureText.actualBoundingBoxDescent |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
else{ |
|
|
|
|
|
|
|
} |
|
|
|
preWidth = width; |
|
|
|
preHeight = height; |
|
|
|
preStr = str; |
|
|
|
preTextHeight = textHeight; |
|
|
|
preTextWidth = textWidth; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
if(i== vArr.length-1){ |
|
|
|
textH_all_ColumnHeight.push(textH_all_cache); |
|
|
|
let split_all_size = []; |
|
|
|
console.log(splitIndex, text_all_split); |
|
|
|
let splitLen = Object.keys(text_all_split).length; |
|
|
|
for(let i = 0; i < splitLen; i++){ |
|
|
|
let splitLists = text_all_split[i]; |
|
|
|
if(splitLists==null){ |
|
|
|
continue; |
|
|
|
} |
|
|
|
let sWidth = 0, sHeight=0, textHeight=0; |
|
|
|
for(let s=0;s<splitLists.length;s++){ |
|
|
|
let sp = splitLists[s]; |
|
|
|
if(rt!=0){//rotate
|
|
|
|
sWidth += sp.width; |
|
|
|
sHeight += sp.height; |
|
|
|
textHeight = Math.max(textHeight, sp.textHeight); |
|
|
|
} |
|
|
|
else{//plain
|
|
|
|
sWidth += sp.width; |
|
|
|
sHeight = Math.max(sHeight, sp.height-(supportBoundBox?sp.desc:0)); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
if(textH_all_Column[colIndex]==null){ |
|
|
|
text_all_split[colIndex]= []; |
|
|
|
if(rt!=0){//rotate
|
|
|
|
textW_all += textHeight/Math.sin(rt); |
|
|
|
if(i==splitIndex){ |
|
|
|
textW_all += sWidth; |
|
|
|
} |
|
|
|
else{ |
|
|
|
textW_all += space_width; |
|
|
|
} |
|
|
|
textH_all = Math.max(textH_all, sHeight); |
|
|
|
} |
|
|
|
else{//plain
|
|
|
|
sHeight+=sHeight/1.5; |
|
|
|
textW_all=Math.max(textW_all, sWidth); |
|
|
|
textH_all+=sHeight; |
|
|
|
} |
|
|
|
|
|
|
|
text_all_split[splitIndex].push({ |
|
|
|
content:vArr[i], |
|
|
|
style:fontset, |
|
|
|
width:textW, |
|
|
|
height:textH, |
|
|
|
left:0, |
|
|
|
top:0, |
|
|
|
colIndex:colIndex, |
|
|
|
|
|
|
|
split_all_size.push({ |
|
|
|
width:sWidth, |
|
|
|
height:sHeight |
|
|
|
}); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
// let cumColumnWidth = 0;
|
|
|
|
let cumWordHeight = 0,cumColumnWidth = 0; |
|
|
|
for(let i = 0; i < splitLen; i++){ |
|
|
|
let splitLists = text_all_split[i]; |
|
|
|
if(splitLists==null){ |
|
|
|
continue; |
|
|
|
} |
|
|
|
let size = split_all_size[i]; |
|
|
|
|
|
|
|
let textH_all_ColumWidth = []; |
|
|
|
for(let i = 0; i < textH_all_ColumnHeight.length; i++){ |
|
|
|
let columnHeight = textH_all_ColumnHeight[i]; |
|
|
|
let col = textH_all_Column[i], colMaxW=0; |
|
|
|
for(let c=0;c<col.length;c++){ |
|
|
|
let word = col[c]; |
|
|
|
colMaxW = Math.max(colMaxW, word.width); |
|
|
|
if(rt!=0){//rotate
|
|
|
|
|
|
|
|
} |
|
|
|
textH_all_ColumWidth.push(colMaxW); |
|
|
|
textW_all += colMaxW; |
|
|
|
textH_all = Math.max(textH_all, columnHeight); |
|
|
|
} |
|
|
|
|
|
|
|
let cumColumnWidth = 0; |
|
|
|
for(let i = 0; i < textH_all_ColumnHeight.length; i++){ |
|
|
|
let columnHeight = textH_all_ColumnHeight[i]; |
|
|
|
let columnWidth = textH_all_ColumWidth[i]; |
|
|
|
|
|
|
|
let col = textH_all_Column[i]; |
|
|
|
let cumWordHeight = 0; |
|
|
|
for(let c=0;c<col.length;c++){ |
|
|
|
let word = col[c]; |
|
|
|
|
|
|
|
let left = space_width + cumColumnWidth; |
|
|
|
if(horizonAlign == "0"){ |
|
|
|
left = cellWidth / 2 + cumColumnWidth - textW_all/2 + space_width*textH_all_ColumnHeight.length; |
|
|
|
} |
|
|
|
else if(horizonAlign == "2"){ |
|
|
|
left = cellWidth + cumColumnWidth - textW_all + space_width; |
|
|
|
} |
|
|
|
else{ |
|
|
|
cumColumnWidth = 0; |
|
|
|
} |
|
|
|
|
|
|
|
for(let c=0;c<splitLists.length;c++){ |
|
|
|
let wordGroup = splitLists[c]; |
|
|
|
let left, top; |
|
|
|
if(rt!=0){//rotate
|
|
|
|
left = space_width + wordGroup.textHeight * Math.sin(rt*Math.PI/180)*isRotateDown; //默认为1，左对齐
|
|
|
|
if(horizonAlign == "0"){ //居中对齐
|
|
|
|
left = cellWidth / 2 - ( wordGroup.width / 2) + wordGroup.textHeight * Math.sin(rt*Math.PI/180)*isRotateDown; |
|
|
|
} |
|
|
|
else if(horizonAlign == "2"){ //右对齐
|
|
|
|
left = (cellWidth - space_width) - wordGroup.width + wordGroup.textHeight * Math.sin(rt*Math.PI/180)*isRotateDown; |
|
|
|
} |
|
|
|
|
|
|
|
top = (cellHeight - space_height) - wordGroup.height + wordGroup.textWidth * Math.sin(rt*Math.PI/180)*isRotateUp; //默认为2，下对齐
|
|
|
|
if(verticalAlign == "0"){ //居中对齐
|
|
|
|
top = cellHeight / 2 - ( wordGroup.height / 2) + wordGroup.textWidth * Math.sin(rt*Math.PI/180)*isRotateUp; |
|
|
|
} |
|
|
|
else if(verticalAlign == "1"){ //上对齐
|
|
|
|
top = space_height + wordGroup.textWidth * Math.sin(rt*Math.PI/180)*isRotateUp; |
|
|
|
} |
|
|
|
// left+=10;
|
|
|
|
// top=top+30;
|
|
|
|
|
|
|
|
if(c==0){ |
|
|
|
textContent.textLeftAll = left; |
|
|
|
textContent.textTopAll = top; |
|
|
|
} |
|
|
|
|
|
|
|
let top = (cellHeight - space_height) + cumWordHeight - columnHeight; |
|
|
|
if(verticalAlign == "0"){ |
|
|
|
top = cellHeight / 2 + cumWordHeight - columnHeight/2; |
|
|
|
console.log("plainWrap" ,left , top); |
|
|
|
} |
|
|
|
else if(verticalAlign == "1"){ |
|
|
|
top = space_height + cumWordHeight; |
|
|
|
else{//plain
|
|
|
|
left = space_width + cumColumnWidth; |
|
|
|
if(horizonAlign == "0"){ |
|
|
|
//+ space_width*textH_all_ColumnHeight.length
|
|
|
|
left = cellWidth / 2 + cumColumnWidth - size.width/2; |
|
|
|
} |
|
|
|
else if(horizonAlign == "2"){ |
|
|
|
left = cellWidth + cumColumnWidth - size.width; |
|
|
|
} |
|
|
|
|
|
|
|
top = (cellHeight - space_height) + cumWordHeight - textH_all - (supportBoundBox?wordGroup.desc:0) + wordGroup.height*2/1.5; |
|
|
|
if(verticalAlign == "0"){ |
|
|
|
top = cellHeight / 2 + cumWordHeight - textH_all/2 + wordGroup.asc/2 + wordGroup.height*2/3; |
|
|
|
} |
|
|
|
else if(verticalAlign == "1"){ |
|
|
|
top = space_height + cumWordHeight+ wordGroup.asc; |
|
|
|
} |
|
|
|
|
|
|
|
cumColumnWidth += wordGroup.width; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
cumWordHeight += word.height; |
|
|
|
|
|
|
|
word.left = left; |
|
|
|
word.top = top; |
|
|
|
wordGroup.left = left; |
|
|
|
wordGroup.top = top; |
|
|
|
|
|
|
|
textContent.values.push(word); |
|
|
|
textContent.values.push(wordGroup); |
|
|
|
} |
|
|
|
|
|
|
|
cumColumnWidth+=columnWidth; |
|
|
|
if(rt!=0){//rotate
|
|
|
|
|
|
|
|
} |
|
|
|
else{ |
|
|
|
cumWordHeight += size.height; |
|
|
|
} |
|
|
|
// cumColumnWidth+=columnWidth;
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
textContent.type = "verticalWrap"; |
|
|
|
textContent.type = "plainWrap"; |
|
|
|
textContent.textWidthAll = textW_all; |
|
|
|
textContent.textHeightAll = textH_all; |
|
|
|
} |
|
|
|
@ -582,6 +693,8 @@ function getCellTextInfo(cell , ctx, option){ |
|
|
|
|
|
|
|
textContent.textLeftAll = left; |
|
|
|
textContent.textTopAll = top; |
|
|
|
|
|
|
|
console.log("plain",left,top); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
danny
5 years ago