Sakurai/pdf.js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix up bidi algorithm, and set direction of div to match text direction

Browse Source
This commit is contained in:
Adil Allawi 2012-02-13 02:10:41 +00:00
parent ffa0e082a4
commit 2bc708305d
3 changed files with 290 additions and 214 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

494
src/bidi.js
View File

@ -1,237 +1,327 @@
function bidi(doc, str, startLevel) { var baseTypes = [
if (str.length == 0) return str; "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "S", "B", "S", "WS",
"B", "BN", "BN", /*U+000*/
"BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "B",
"B", "B", "S", /*U+001*/
"WS", "ON", "ON", "ET", "ET", "ET", "ON", "ON", "ON", "ON", "ON", "ON", "CS",
"ON", "CS", "ON", /*U+002*/
"EN", "EN", "EN", "EN", "EN", "EN", "EN", "EN", "EN", "EN", "ON", "ON", "ON",
"ON", "ON", "ON", /*U+003*/
"ON", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L",
"L", /*U+004*/
"L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "ON", "ON", "ON", "ON",
"ON", /*U+005*/
"ON", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L",
"L", /*U+006*/
"L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "ON", "ON", "ON", "ON",
"BN", /*U+007*/
"BN", "BN", "BN", "BN", "BN", "B", "BN", "BN", "BN", "BN", "BN", "BN", "BN",
"BN", "BN", "BN", /*U+008*/
"BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN",
"BN", "BN", "BN", /*U+009*/
"CS", "ON", "ET", "ET", "ET", "ET", "ON", "ON", "ON", "ON", "L", "ON", "ON",
"ON", "ON", "ON", /*U+00a*/
"ET", "ET", "EN", "EN", "ON", "L", "ON", "ON", "ON", "EN", "L", "ON", "ON",
"ON", "ON", "ON", /*U+00b*/
"L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L",
"L", /*U+00c*/
"L", "L", "L", "L", "L", "L", "L", "ON", "L", "L", "L", "L", "L", "L", "L",
"L", /*U+00d*/
"L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L",
"L", /*U+00e*/
"L", "L", "L", "L", "L", "L", "L", "ON", "L", "L", "L", "L", "L", "L", "L",
"L" /*U+00f*/
];
var chars= new Array(str.length); var arabicTypes = [
var levels = new Array(str.length); "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "CS",
var types = new Array(str.length); "AL", "ON", "ON", //60
var oldtypes = new Array(str.length); "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "AL", "AL", "AL", "AL", "AL", "AL",
"AL", "AL", "AL", "AL", //61
"AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL",
"AL", "AL", "AL", //62
"AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL",
"AL", "AL", "AL", //63
"AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "NSM",
"NSM", "NSM", "NSM", "NSM", //64
"NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "AL", "AL",
"AL", "AL", "AL", "AL", "AL", //65
"AN", "AN", "AN", "AN", "AN", "AN", "AN", "AN", "AN", "AN", "ET", "AN", "AN",
"AL", "AL", "AL", //66
"NSM", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL",
"AL", "AL", "AL", //67
"AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL",
"AL", "AL", "AL", //68
"AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL",
"AL", "AL", "AL", //69
"AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL",
"AL", "AL", "AL", //6a
"AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL",
"AL", "AL", "AL", //6b
"AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL",
"AL", "AL", "AL", //6c
"AL", "AL", "AL", "AL", "AL", "AL", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM",
"NSM", "NSM", "NSM", "NSM", //6d
"NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "ON", "NSM",
"NSM", "NSM", "NSM", "AL", "AL", //6e
"AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL",
"AL", "AL", "AL" //6f
];
// get types, fill arrays function bidi(text, startLevel) {
var str = text.str;
var strLength = str.length;
if (strLength == 0) return str;
for (var i = 0; i < str.length; ++i) { // get types, fill arrays
var chars = new Array(strLength);
var types = new Array(strLength);
var oldtypes = new Array(strLength);
var numBidi = 0;
for (var i = 0; i < strLength; ++i) {
var c = str.charAt(i); var c = str.charAt(i);
chars[i] = c; chars[i] = c;
levels[i] = startLevel;
var t = "L"; var t = "L";
if ('\u0600' <= c && c <= '\u06ff') t = "AL"; if (c <= '\u00ff')
else if ('0' <= c && c <= '9') t = (c <= 5) ? "EN" : "AN"; t = baseTypes[c.charCodeAt(0)];
else if (c == '.' || c == ',' || c == ':') t = "CS"; else if ('\u0590' <= c && c <= '\u05f4')
else if (c == '/') t = "ES"; t = "R";
else if (c == '#' || c == '$' || c == '%' || c == '+' || c == '-') t = "ET" else if ('\u0600' <= c && c <= '\u06ff')
else if (c == '>') t = "L" t = arabicTypes[c.charCodeAt(0) & 0xff];
else if (c == '<') t = "R" else if ('\u0700' <= c && c <= '\u08AC')
t = "AL";
if (t == "R" || t == "AL" || t == "AN")
numBidi++;
oldtypes[i] = types[i] = t; oldtypes[i] = types[i] = t;
} }
var diffChars = new Array(str.length); // detect the bidi method
var diffLevels = new Array(str.length); // if there are no rtl characters then no bidi needed
var diffTypes = new Array(str.length); // if less than 30% chars are rtl then string is primarily ltr
// if more than 30% chars are rtl then string is primarily rtl
if (numBidi == 0) {
text.direction = 'ltr';
return str;
}
else if (startLevel == -1) {
if ((strLength / numBidi) < 0.3) {
text.direction = 'ltr';
startLevel = 0;
} else {
text.direction = 'rtl';
startLevel = 1;
}
}
showArray(doc, "Chars: ", chars, diffChars); var levels = new Array(strLength);
showArray(doc, "Types: ", types, diffTypes);
//alert("chars: " + chars.join(","));
//alert("types: " + types.join(","));
//alert("levels: " + levels.join(","));
/* for (var i = 0; i < strLength; ++i) {
X1-X10: skip most of this, since we are NOT doing the embeddings. levels[i] = startLevel;
*/ }
var diffChars = new Array(strLength);
var diffLevels = new Array(strLength);
var diffTypes = new Array(strLength);
/*
X1-X10: skip most of this, since we are NOT doing the embeddings.
*/
var e = isOdd(startLevel) ? "R" : "L"; var e = isOdd(startLevel) ? "R" : "L";
var sor = e; var sor = e;
var eor = sor; var eor = sor;
/* /*
W1. Examine each non-spacing mark (NSM) in the level run, and change the type of the NSM to the type of the previous character. If the NSM is at the start of the level run, it will get the type of sor. W1. Examine each non-spacing mark (NSM) in the level run, and change the type
*/ of the NSM to the type of the previous character. If the NSM is at the start
of the level run, it will get the type of sor.
*/
var lastType = sor; var lastType = sor;
for (var i = 0; i < types.length; ++i) { for (var i = 0; i < strLength; ++i) {
if (types[i] == "NSM") types[i] = lastType; if (types[i] == "NSM") types[i] = lastType;
else lastType = types[i]; else lastType = types[i];
} }
showArray(doc, "W1: ", types, diffTypes); /*
W2. Search backwards from each instance of a European number until the first
/* strong type (R, L, AL, or sor) is found. If an AL is found, change the type
W2. Search backwards from each instance of a European number until the first strong type (R, L, AL, or sor) is found. If an AL is found, change the type of the European number to Arabic number. of the European number to Arabic number.
*/ */
var lastType = sor; var lastType = sor;
for (var i = 0; i < types.length; ++i) { for (var i = 0; i < strLength; ++i) {
var t = types[i]; var t = types[i];
if (t == "EN") types[i] = (lastType == "AL") ? "AN" : "EN"; if (t == "EN")
else if (t == "R" || t == "L" || t == "AL") lastType = t; types[i] = (lastType == "AL") ? "AN" : "EN";
else if (t == "R" || t == "L" || t == "AL")
lastType = t;
} }
showArray(doc, "W2: ", types, diffTypes); /*
W3. Change all ALs to R.
*/
/* for (var i = 0; i < strLength; ++i) {
W3. Change all ALs to R.
*/
for (var i = 0; i < types.length; ++i) {
var t = types[i]; var t = types[i];
if (t == "AL") types[i] = "R"; if (t == "AL") types[i] = "R";
} }
showArray(doc, "W3: ", types, diffTypes); /*
W4. A single European separator between two European numbers changes to a
European number. A single common separator between two numbers of the same
type changes to that type:
*/
/* for (var i = 1; i < strLength - 1; ++i) {
W4. A single European separator between two European numbers changes to a European number. A single common separator between two numbers of the same type changes to that type: if (types[i] == "ES" && types[i - 1] == "EN" && types[i + 1] == "EN")
*/ types[i] = "EN";
if (types[i] == "CS" && (types[i - 1] == "EN" || types[i - 1] == "AN") &&
for (var i = 1; i < types.length - 1; ++i) { types[i + 1] == types[i - 1])
if (types[i] == "ES" && types[i-1] == "EN" && types[i+1] == "EN") types[i] = "EN"; types[i] = types[i - 1];
if (types[i] == "CS" && (types[i-1] == "EN" || types[i-1] == "AN")
&& types[i+1] == types[i-1]) types[i] = types[i-1];
} }
showArray(doc, "W4: ", types, diffTypes); /*
W5. A sequence of European terminators adjacent to European numbers changes
to all European numbers:
*/
/* for (var i = 0; i < strLength; ++i) {
W5. A sequence of European terminators adjacent to European numbers changes to all European numbers:
*/
for (var i = 0; i < types.length; ++i) {
if (types[i] == "EN") { if (types[i] == "EN") {
// do before // do before
for (j = i-1; j >= 0; --j) { for (j = i - 1; j >= 0; --j) {
if (types[j] == "ET") types[j] = "EN"; if (types[j] == "ET")
types[j] = "EN";
else break; else break;
} }
// do after // do after
for (j = i+1; j < types.length; --j) { for (j = i + 1; j < strLength; --j) {
if (types[j] == "ET") types[j] = "EN"; if (types[j] == "ET")
types[j] = "EN";
else break; else break;
} }
} }
} }
showArray(doc, "W5: ", types, diffTypes); /*
W6. Otherwise, separators and terminators change to Other Neutral:
*/
for (var i = 0; i < strLength; ++i) {
/*
W6. Otherwise, separators and terminators change to Other Neutral:
*/
for (var i = 0; i < types.length; ++i) {
var t = types[i]; var t = types[i];
if (t == "ES" || t == "ET" || t == "CS") types[i] = "ON"; if (t == "WS" || t == "ES" || t == "ET" || t == "CS")
types[i] = "ON";
} }
showArray(doc, "W6: ", types, diffTypes); /*
W7. Search backwards from each instance of a European number until the first
/* strong type (R, L, or sor) is found. If an L is found, then change the type
W7. Search backwards from each instance of a European number until the first strong type (R, L, or sor) is found. If an L is found, then change the type of the European number to L. of the European number to L.
*/ */
var lastType = sor; var lastType = sor;
for (var i = 0; i < types.length; ++i) { for (var i = 0; i < strLength; ++i) {
var t = types[i]; var t = types[i];
if (t == "EN") types[i] = (lastType == "L") ? "L" : "EN"; if (t == "EN")
else if (t == "R" || t == "L") lastType = t; types[i] = (lastType == "L") ? "L" : "EN";
else if (t == "R" || t == "L")
lastType = t;
} }
showArray(doc, "W7: ", types, diffTypes); /*
N1. A sequence of neutrals takes the direction of the surrounding strong text
if the text on both sides has the same direction. European and Arabic numbers
are treated as though they were R. Start-of-level-run (sor) and
end-of-level-run (eor) are used at level run boundaries.
*/
/* for (var i = 0; i < strLength; ++i) {
N1. A sequence of neutrals takes the direction of the surrounding strong text if the text on both sides has the same direction. European and Arabic numbers are treated as though they were R. Start-of-level-run (sor) and end-of-level-run (eor) are used at level run boundaries.
*/
for (var i = 0; i < types.length; ++i) {
if (types[i] == "ON") { if (types[i] == "ON") {
var end = findUnequal(types, i+1, "ON"); var end = findUnequal(types, i + 1, "ON");
var before = sor; var before = sor;
if (i > 0) before = types[i-1]; if (i > 0)
before = types[i - 1];
var after = eor; var after = eor;
if (end+1 < types.length) after = types[end+1]; if (end + 1 < strLength)
if (before != "L") before = "R"; after = types[end + 1];
if (after != "L") after = "R"; if (before != "L")
if (before == after) setValues(types, i, end, before); before = "R";
if (after != "L")
after = "R";
if (before == after)
setValues(types, i, end, before);
i = end - 1; // reset to end (-1 so next iteration is ok) i = end - 1; // reset to end (-1 so next iteration is ok)
} }
} }
showArray(doc, "N1: ", types, diffTypes); /*
N2. Any remaining neutrals take the embedding direction.
*/
/* for (var i = 0; i < strLength; ++i) {
N2. Any remaining neutrals take the embedding direction. if (types[i] == "ON")
*/ types[i] = e;
for (var i = 0; i < types.length; ++i) {
if (types[i] == "ON") types[i] = e;
} }
showArray(doc, "N2: ", types, diffTypes); /*
I1. For all characters with an even (left-to-right) embedding direction,
those of type R go up one level and those of type AN or EN go up two levels.
I2. For all characters with an odd (right-to-left) embedding direction, those
of type L, EN or AN go up one level.
*/
/* for (var i = 0; i < strLength; ++i) {
I1. For all characters with an even (left-to-right) embedding direction, those of type R go up one level and those of type AN or EN go up two levels.
I2. For all characters with an odd (right-to-left) embedding direction, those of type L, EN or AN go up one level.
*/
showArray(doc, "Levels: ", levels, diffLevels);
for (var i = 0; i < types.length; ++i) {
var t = types[i]; var t = types[i];
if (isEven(levels[i])) { if (isEven(levels[i])) {
if (t == "R") { if (t == "R") {
levels[i] += 1; levels[i] += 1;
} else if (t == "AN" || t == "EN") { }
else if (t == "AN" || t == "EN") {
levels[i] += 2; levels[i] += 2;
} }
} else { // isOdd, so }
else { // isOdd, so
if (t == "L" || t == "AN" || t == "EN") { if (t == "L" || t == "AN" || t == "EN") {
levels[i] += 1; levels[i] += 1;
} }
} }
} }
showArray(doc, "I1/2: ", levels, diffLevels); /*
L1. On each line, reset the embedding level of the following characters to
the paragraph embedding level:
segment separators,
paragraph separators,
any sequence of whitespace characters preceding a segment separator or
paragraph separator, and any sequence of white space characters at the end
of the line.
*/
/* //dont bother as text is only single line
L1. On each line, reset the embedding level of the following characters to the paragraph embedding level:
segment separators, /*
paragraph separators, L2. From the highest level found in the text to the lowest odd level on each
any sequence of whitespace characters preceding a segment separator or paragraph separator, and line, reverse any contiguous sequence of characters that are at that level or
any sequence of white space characters at the end of the line. higher.
*/ */
/*
boolean atEnd = true;
for (var i = levels.length - 1; i >= 0; --i) {
var t = oldTypes[i];
if (t == "B" || t == "S") {
levels[i] = startLevel;
atEnd = true;
} else if (atEnd && t == "WS") {
levels[i] = startLevel;
}
}
*/
showArray(doc, "L1: ", levels, diffLevels);
/*
L2. From the highest level found in the text to the lowest odd level on each line, reverse any contiguous sequence of characters that are at that level or higher.
*/
// find highest level & lowest odd level // find highest level & lowest odd level
var highestLevel = -1; var highestLevel = -1;
var lowestOddLevel = 99; var lowestOddLevel = 99;
// alert("Levels: " + levels.join(","));
for (var i = 0; i < levels.length; ++i) { for (var i = 0; i < levels.length; ++i) {
var level = levels[i]; var level = levels[i];
if (highestLevel < level) highestLevel = level; if (highestLevel < level)
if (lowestOddLevel > level && isOdd(level)) lowestOddLevel = level; highestLevel = level;
if (lowestOddLevel > level && isOdd(level))
lowestOddLevel = level;
} }
// alert("highestLevel: " + highestLevel + "; lowestOddLevel: " + lowestOddLevel);
// now reverse between those limits // now reverse between those limits
@ -244,49 +334,44 @@ L2. From the highest level found in the text to the lowest odd level on each lin
reverseValues(chars, start, i); reverseValues(chars, start, i);
start = -1; start = -1;
} }
} else if (start < 0) { }
else if (start < 0) {
start = i; start = i;
} }
} }
if (start >= 0) { if (start >= 0) {
reverseValues(chars, start, levels.length); reverseValues(chars, start, levels.length);
} }
showArray(doc, "L2 (" + level + "):", chars, diffChars);
} }
/*
L3. Combining marks applied to a right-to-left base character will at this
point precede their base character. If the rendering engine expects them to
follow the base characters in the final display process, then the ordering of
the marks and the base character must be reversed.
*/
/* // don't bother for now
L3. Combining marks applied to a right-to-left base character will at this point precede their base character. If the rendering engine expects them to follow the base characters in the final display process, then the ordering of the marks and the base character must be reversed.
*/
// don't bother for now /*
L4. A character that possesses the mirrored property as specified by
Section 4.7, Mirrored, must be depicted by a mirrored glyph if the resolved
directionality of that character is R.
*/
showArray(doc, "L3: ", chars, diffChars); //dont mirror as this is already in the pdf
// Finally, return string
/*
L4. A character that possesses the mirrored property as specified by Section 4.7, Mirrored, must be depicted by a mirrored glyph if the resolved directionality of that character is R.
*/
for (var i = 0; i < chars.length; ++i) {
chars[i] = mirrorGlyphs(chars[i]);
}
showArray(doc, "L4: ", chars, diffChars);
// Finally, return string
var result = ""; var result = "";
for (var i = 0; i < chars.length; ++i) { for (var i = 0; i < chars.length; ++i) {
var ch = chars[i]; var ch = chars[i];
if (ch != '<' && ch != '>') result += ch; if (ch != '<' && ch != '>')
result += ch;
} }
return result; return result;
} }
// UTILITIES // UTILITIES
function isOdd(i) { function isOdd(i) {
@ -312,57 +397,50 @@ function setValues(arr, start, end, value) {
} }
function reverseValues(arr, start, end) { function reverseValues(arr, start, end) {
// alert("reverse: " + arr.join(",") + "; " + start + "; " + end); for (var i = start, j = end - 1; i < j; ++i, --j) {
for (var i = start, j = end-1; i < j; ++i, --j) {
var temp = arr[i]; var temp = arr[i];
arr[i] = arr[j]; arr[i] = arr[j];
arr[j] = temp; arr[j] = temp;
} }
// alert("reverse: " + chars.join(","));
} }
function mirrorGlyphs(c) { function mirrorGlyphs(c) {
/* /*
# BidiMirroring-1.txt # BidiMirroring-1.txt
0028; 0029 # LEFT PARENTHESIS 0028; 0029 # LEFT PARENTHESIS
0029; 0028 # RIGHT PARENTHESIS 0029; 0028 # RIGHT PARENTHESIS
003C; 003E # LESS-THAN SIGN 003C; 003E # LESS-THAN SIGN
003E; 003C # GREATER-THAN SIGN 003E; 003C # GREATER-THAN SIGN
005B; 005D # LEFT SQUARE BRACKET 005B; 005D # LEFT SQUARE BRACKET
005D; 005B # RIGHT SQUARE BRACKET 005D; 005B # RIGHT SQUARE BRACKET
007B; 007D # LEFT CURLY BRACKET 007B; 007D # LEFT CURLY BRACKET
007D; 007B # RIGHT CURLY BRACKET 007D; 007B # RIGHT CURLY BRACKET
00AB; 00BB # LEFT-POINTING DOUBLE ANGLE QUOTATION MARK 00AB; 00BB # LEFT-POINTING DOUBLE ANGLE QUOTATION MARK
00BB; 00AB # RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK 00BB; 00AB # RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK
*/ */
switch (c) { switch (c) {
case '(': return ')'; case '(':
case ')': return '('; return ')';
case '<': return '>'; case ')':
case '>': return '<'; return '(';
case ']': return '['; case '<':
case '[': return ']'; return '>';
case '}': return '{'; case '>':
case '{': return '}'; return '<';
case '<27>': return '<27>'; case ']':
case '<27>': return '<27>'; return '[';
default: return c; case '[':
return ']';
case '}':
return '{';
case '{':
return '}';
case '<27>':
return '<27>';
case '<27>':
return '<27>';
default:
return c;
} }
} }
function showArray(doc, title, arr, diffarr) {
if (doc == null)
return;
var haveDiff = false;
for (var i = 0; i < arr.length; ++i) {
if (arr[i] != diffarr[i]) {
haveDiff = true;
diffarr[i] = arr[i];
}
}
if (haveDiff) {
doc.writeln("<tr><th>", title, "</th><td>", arr.join("</td><td>"), "</td></tr>");
}
}

7
src/canvas.js
View File

@ -824,18 +824,15 @@ var CanvasGraphics = (function CanvasGraphicsClosure() {
text.str += shownText.str; text.str += shownText.str;
} }
text.canvasWidth += shownText.canvasWidth; text.canvasWidth += shownText.canvasWidth;
text.length += e.length; text.length += shownText.length;
} }
} else { } else {
malformed('TJ array element ' + e + ' is not string or num'); malformed('TJ array element ' + e + ' is not string or num');
} }
} }
if (textSelection) { if (textSelection)
if (isRTLRangeFor(text.str.charCodeAt(0))) //first char is rtl
text.str = bidi(null, text.str, 1);
this.textLayer.appendText(text, font.loadedName, fontSize); this.textLayer.appendText(text, font.loadedName, fontSize);
}
}, },
nextLineShowText: function canvasGraphicsNextLineShowText(text) { nextLineShowText: function canvasGraphicsNextLineShowText(text) {
this.nextLine(); this.nextLine();

3
web/viewer.js
View File

@ -1084,7 +1084,8 @@ var TextLayerBuilder = function textLayerBuilder(textLayerDiv) {
textDiv.style.fontSize = fontHeight + 'px'; textDiv.style.fontSize = fontHeight + 'px';
textDiv.style.left = text.geom.x + 'px'; textDiv.style.left = text.geom.x + 'px';
textDiv.style.top = (text.geom.y - fontHeight) + 'px'; textDiv.style.top = (text.geom.y - fontHeight) + 'px';
textDiv.textContent = text.str; textDiv.textContent = bidi(text, -1);
textDiv.dir = text.direction;
textDiv.dataset.textLength = text.length; textDiv.dataset.textLength = text.length;
this.textDivs.push(textDiv); this.textDivs.push(textDiv);
}; };