mirror_js/flexsearch
1
0
Fork 0
mirror of https://github.com/nextapps-de/flexsearch.git synced 2025-09-09 21:50:49 +02:00
Code Issues Releases Wiki Activity

fix document.searchCache()

Browse Source
This commit is contained in:
Thomas Wilkerling
2025-04-13 15:44:20 +02:00
parent 97e7a44e1b
commit 952b92a80b
27 changed files with 419 additions and 523 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
doc/context-index.svg Normal file
View File

@@ -0,0 +1,131 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="767px" height="399px"
version="1.1">
<defs>
<linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-63f063-1-ffffff-1-s-0">
<stop offset="0%" style="stop-color:#74a2ff"/>
<stop offset="100%" style="stop-color:#ffffff"/>
</linearGradient>
<linearGradient x1="0%" y1="100%" x2="0%" y2="0%" id="mx-gradient-ffffff-1-63f063-1-s-0">
<stop offset="0%" style="stop-color:#74a2ff"/>
<stop offset="100%" style="stop-color:#ffffff"/>
</linearGradient>
</defs>
<g transform="translate(0.5,0.5)">
<rect x="231" y="-19" width="71" height="227" fill="url(#mx-gradient-63f063-1-ffffff-1-s-0)" stroke="#4986ff"
stroke-dasharray="3 3" transform="rotate(90,266.5,94.5)" pointer-events="none"/>
<rect x="465" y="-25" width="71" height="239" fill="url(#mx-gradient-ffffff-1-63f063-1-s-0)" stroke="#4986ff"
stroke-dasharray="3 3" transform="rotate(90,500.5,94.5)" pointer-events="none"/>
<rect x="343" y="88" width="70" height="13" fill="#74a2ff" stroke="none" transform="rotate(90,378,94.5)"
pointer-events="none"/>
<g transform="translate(357.5,68.5)">
<text x="27" y="16" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica" font-weight="bold">Term 4
</text>
</g>
<rect x="240" y="185" width="291" height="58" fill="#4986ff" stroke="#74a2ff" pointer-events="none"/>
<g transform="translate(325.5,205.5)">
<text x="60" y="16" fill="#FFFFFF" text-anchor="middle" font-size="16px" font-family="Helvetica">Context Index
</text>
</g>
<path d="M 385 135 L 385 178.63" fill="none" stroke="#4986ff" stroke-miterlimit="10" stroke-dasharray="3 3"
pointer-events="none"/>
<path d="M 385 183.88 L 381.5 176.88 L 385 178.63 L 388.5 176.88 Z" fill="#4986ff" stroke="#4986ff"
stroke-miterlimit="10" pointer-events="none"/>
<g transform="translate(308.5,26.5)">
<text x="77" y="16" fill="#999" text-anchor="middle" font-size="16px" font-family="Helvetica">Context of Relevance
</text>
</g>
<path d="M 385 293 L 385 249.37" fill="none" stroke="#ff7300" stroke-miterlimit="10" stroke-dasharray="3 3"
pointer-events="none"/>
<path d="M 385 244.12 L 388.5 251.12 L 385 249.37 L 381.5 251.12 Z" fill="#ff7300" stroke="#ff7300"
stroke-miterlimit="10" pointer-events="none"/>
<ellipse cx="386" cy="333" rx="40" ry="40" fill="#ff7300"
pointer-events="none"/> <!-- stroke="#d6b656" stroke-dasharray="3 3" -->
<g transform="translate(363.5,324.5)">
<text x="22" y="16" fill="#fff" text-anchor="middle" font-size="16px" font-family="Helvetica">Query
</text>
</g>
<path d="M 388 156 L 461.63 156" fill="none" stroke="#4986ff" stroke-miterlimit="10" stroke-dasharray="3 3"
pointer-events="none"/>
<path d="M 466.88 156 L 459.88 159.5 L 461.63 156 L 459.88 152.5 Z" fill="#4986ff" stroke="#4986ff"
stroke-miterlimit="10" pointer-events="none"/>
<g transform="translate(476.5,149.5)">
<text x="41" y="10" fill="#74a2ff" text-anchor="middle" font-size="11px" font-family="Helvetica">2. Context Score
</text>
</g>
<path d="M 332 95 L 435.63 95" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3"
pointer-events="none"/>
<path d="M 440.88 95 L 433.88 98.5 L 435.63 95 L 433.88 91.5 Z" fill="#000000" stroke="#000000"
stroke-miterlimit="10" pointer-events="none"/>
<g transform="translate(345.5,104.5)">
<text x="36" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Helvetica">1. Partial Score
</text>
</g>
<path d="M 379 100 L 379 100" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3"
pointer-events="none"/>
<path d="M 379 100 L 379 100 L 379 100 L 379 100 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10"
pointer-events="none"/>
<path d="M 385 87 L 385 87" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3"
pointer-events="none"/>
<path d="M 385 87 L 385 87 L 385 87 L 385 87 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10"
pointer-events="none"/>
<path d="M 620 193.5 L 620 142.87" fill="none" stroke="#999" stroke-miterlimit="10"
stroke-dasharray="3 3" pointer-events="none"/>
<path d="M 620 137.62 L 623.5 144.62 L 620 142.87 L 616.5 144.62 Z" fill="#999"
stroke="#999" stroke-opacity="0.3" stroke-miterlimit="10" pointer-events="none"/>
<g transform="translate(579.5,204.5)">
<text x="41" y="9" fill="#999999" text-anchor="middle" font-size="11px" font-family="Helvetica">Context Limit
</text>
<text x="41" y="23" fill="#999999" text-anchor="middle" font-size="11px" font-family="Helvetica">(depth)
</text>
</g>
<path d="M 307.37 156 L 381 156" fill="none" stroke="#999999" stroke-miterlimit="10" stroke-dasharray="3 3"
pointer-events="none"/>
<path d="M 302.12 156 L 309.12 152.5 L 307.37 156 L 309.12 159.5 Z" fill="#999999" stroke="#999999"
stroke-miterlimit="10" pointer-events="none"/>
<g transform="translate(200.5,149.5)">
<text x="48" y="10" fill="#999999" text-anchor="middle" font-size="11px" font-family="Helvetica">3. Document Score
</text>
</g>
<g transform="translate(557.5,344.5)">
<text x="65" y="7" fill="#999999" text-anchor="middle" font-size="8px" font-weight="700" font-family="Helvetica">"Model of Context-based Scoring"
</text>
<text x="71" y="17" fill="#999999" text-anchor="middle" font-size="8px" font-weight="400" font-family="Helvetica">Copyright 2018-2025 Thomas Wilkerling
</text>
<text x="29.5" y="27" fill="#999999" text-anchor="middle" font-size="8px" font-weight="400" font-family="Helvetica">Nextapps GmbH
</text>
</g>
<g opacity="0.65" transform="translate(167.5,84.5)">
<text x="26" y="16" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica">Term 2
</text>
</g>
<g opacity="0.85" transform="translate(247.5,84.5)">
<text x="26" y="16" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica">Term 3
</text>
</g>
<g opacity="0.85" transform="translate(467.5,84.5)">
<text x="26" y="16" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica">Term 5
</text>
</g>
<g opacity="0.65" transform="translate(547.5,84.5)">
<text x="26" y="16" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica">Term 6
</text>
</g>
<g transform="translate(84.5,84.5)">
<text x="26" y="16" fill="#999999" text-anchor="middle" font-size="16px" font-family="Helvetica">Term 1
</text>
</g>
<g transform="translate(630.5,84.5)">
<text x="26" y="16" fill="#999999" text-anchor="middle" font-size="16px" font-family="Helvetica">Term 7
</text>
</g>
<g transform="translate(699.5,84.5)">
<text x="7" y="16" fill="#999999" text-anchor="middle" font-size="16px" font-family="Helvetica">...
</text>
</g>
<g transform="translate(53.5,84.5)">
<text x="7" y="16" fill="#999999" text-anchor="middle" font-size="16px" font-family="Helvetica">...
</text>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

339
doc/contextual-index.svg
View File

@@ -1,339 +0,0 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="767px" height="399px"
version="1.1">
<defs>
<linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-63f063-1-ffffff-1-s-0">
<stop offset="0%" style="stop-color:#63f063"/>
<stop offset="100%" style="stop-color:#ffffff"/>
</linearGradient>
<linearGradient x1="0%" y1="100%" x2="0%" y2="0%" id="mx-gradient-ffffff-1-63f063-1-s-0">
<stop offset="0%" style="stop-color:#63f063"/>
<stop offset="100%" style="stop-color:#ffffff"/>
</linearGradient>
</defs>
<g transform="translate(0.5,0.5)">
<rect x="231" y="-19" width="71" height="227" fill="url(#mx-gradient-63f063-1-ffffff-1-s-0)" stroke="#009900"
stroke-dasharray="3 3" transform="rotate(90,266.5,94.5)" pointer-events="none"/>
<rect x="465" y="-25" width="71" height="239" fill="url(#mx-gradient-ffffff-1-63f063-1-s-0)" stroke="#009900"
stroke-dasharray="3 3" transform="rotate(90,500.5,94.5)" pointer-events="none"/>
<rect x="343" y="88" width="70" height="13" fill="#63f063" stroke="none" transform="rotate(90,378,94.5)"
pointer-events="none"/>
<g transform="translate(357.5,68.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="54" height="16"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 54px; white-space: nowrap; word-wrap: normal; font-weight: bold; text-align: center;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">Word 4
</div>
</div>
</foreignObject>
<text x="27" y="16" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica"
font-weight="bold">Word 4
</text>
</switch>
</g>
<rect x="240" y="185" width="291" height="58" fill="#009900" stroke="#82b366" pointer-events="none"/>
<g transform="translate(325.5,205.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="119" height="16"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 121px; white-space: nowrap; word-wrap: normal; text-align: center;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">
<div style="text-align: center">
<span>Contextual Index</span>
</div>
</div>
</div>
</foreignObject>
<text x="60" y="16" fill="#FFFFFF" text-anchor="middle" font-size="16px" font-family="Helvetica">[Not
supported by viewer]
</text>
</switch>
</g>
<path d="M 385 135 L 385 178.63" fill="none" stroke="#009900" stroke-miterlimit="10" stroke-dasharray="3 3"
pointer-events="none"/>
<path d="M 385 183.88 L 381.5 176.88 L 385 178.63 L 388.5 176.88 Z" fill="#009900" stroke="#009900"
stroke-miterlimit="10" pointer-events="none"/>
<g transform="translate(308.5,26.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="153" height="16"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 155px; white-space: nowrap; word-wrap: normal; text-align: center;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;color:#999">Context
of Relevance
</div>
</div>
</foreignObject>
<text x="77" y="16" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica">Context
of Relevance
</text>
</switch>
</g>
<path d="M 385 293 L 385 249.37" fill="none" stroke="#d79b00" stroke-miterlimit="10" stroke-dasharray="3 3"
pointer-events="none"/>
<path d="M 385 244.12 L 388.5 251.12 L 385 249.37 L 381.5 251.12 Z" fill="#d79b00" stroke="#d79b00"
stroke-miterlimit="10" pointer-events="none"/>
<ellipse cx="386" cy="333" rx="40" ry="40" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="3 3"
pointer-events="none"/>
<g transform="translate(363.5,324.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="43" height="16"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 44px; white-space: nowrap; word-wrap: normal; text-align: center;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">Query
</div>
</div>
</foreignObject>
<text x="22" y="16" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica">Query
</text>
</switch>
</g>
<path d="M 388 156 L 461.63 156" fill="none" stroke="#009900" stroke-miterlimit="10" stroke-dasharray="3 3"
pointer-events="none"/>
<path d="M 466.88 156 L 459.88 159.5 L 461.63 156 L 459.88 152.5 Z" fill="#009900" stroke="#009900"
stroke-miterlimit="10" pointer-events="none"/>
<g transform="translate(476.5,149.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="93" height="11"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 153, 0); line-height: 1.2; vertical-align: top; width: 94px; white-space: nowrap; word-wrap: normal;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">2. contextual
score
<br style="font-size: 11px"/>
</div>
</div>
</foreignObject>
<text x="47" y="11" fill="#009900" text-anchor="middle" font-size="11px" font-family="Helvetica">[Not
supported by viewer]
</text>
</switch>
</g>
<path d="M 332 95 L 435.63 95" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3"
pointer-events="none"/>
<path d="M 440.88 95 L 433.88 98.5 L 435.63 95 L 433.88 91.5 Z" fill="#000000" stroke="#000000"
stroke-miterlimit="10" pointer-events="none"/>
<g transform="translate(345.5,104.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="72" height="11"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 73px; white-space: nowrap; word-wrap: normal;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">1. partial score
</div>
</div>
</foreignObject>
<text x="36" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Helvetica">1.
partial score
</text>
</switch>
</g>
<path d="M 379 100 L 379 100" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3"
pointer-events="none"/>
<path d="M 379 100 L 379 100 L 379 100 L 379 100 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10"
pointer-events="none"/>
<path d="M 385 87 L 385 87" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3"
pointer-events="none"/>
<path d="M 385 87 L 385 87 L 385 87 L 385 87 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10"
pointer-events="none"/>
<path d="M 620 193.5 L 620 142.87" fill="none" stroke="#999" stroke-miterlimit="10"
stroke-dasharray="3 3" pointer-events="none"/>
<path d="M 620 137.62 L 623.5 144.62 L 620 142.87 L 616.5 144.62 Z" fill="#999"
stroke="#999" stroke-opacity="0.3" stroke-miterlimit="10" pointer-events="none"/>
<g transform="translate(579.5,204.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="81" height="23"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; vertical-align: top; width: 81px; white-space: normal; word-wrap: normal; text-align: center;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">context limit
(depth)
<br style="font-size: 11px"/>
</div>
</div>
</foreignObject>
<text x="41" y="17" fill="#999999" text-anchor="middle" font-size="11px" font-family="Helvetica">[Not
supported by viewer]
</text>
</switch>
</g>
<path d="M 307.37 156 L 381 156" fill="none" stroke="#999999" stroke-miterlimit="10" stroke-dasharray="3 3"
pointer-events="none"/>
<path d="M 302.12 156 L 309.12 152.5 L 307.37 156 L 309.12 159.5 Z" fill="#999999" stroke="#999999"
stroke-miterlimit="10" pointer-events="none"/>
<g transform="translate(200.5,149.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="90" height="11"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; vertical-align: top; width: 91px; white-space: nowrap; word-wrap: normal;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">3. document score
<br style="font-size: 11px"/>
</div>
</div>
</foreignObject>
<text x="45" y="11" fill="#999999" text-anchor="middle" font-size="11px" font-family="Helvetica">[Not
supported by viewer]
</text>
</switch>
</g>
<g transform="translate(557.5,344.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="142" height="26"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 8px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 143px; white-space: nowrap; word-wrap: normal;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;color:#999">
<b style="font-size: 8px">"Model of Contextual-based Scoring"</b>
<br style="font-size: 8px"/>Copyright 2018-2021 Thomas Wilkerling<br style="font-size: 8px"/>
Nextapps GmbH
<br style="font-size: 8px"/>
</div>
</div>
</foreignObject>
<text x="71" y="17" fill="#000000" text-anchor="middle" font-size="8px" font-family="Helvetica">[Not
supported by viewer]
</text>
</switch>
</g>
<g opacity="0.65" transform="translate(167.5,84.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="51" height="16"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 53px; white-space: nowrap; word-wrap: normal; text-align: center;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">Word 2
</div>
</div>
</foreignObject>
<text x="26" y="16" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica">Word
2
</text>
</switch>
</g>
<g opacity="0.85" transform="translate(247.5,84.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="51" height="16"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 53px; white-space: nowrap; word-wrap: normal; text-align: center;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">Word 3
</div>
</div>
</foreignObject>
<text x="26" y="16" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica">Word
3
</text>
</switch>
</g>
<g opacity="0.85" transform="translate(467.5,84.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="51" height="16"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 53px; white-space: nowrap; word-wrap: normal; text-align: center;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">Word 5
</div>
</div>
</foreignObject>
<text x="26" y="16" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica">Word
5
</text>
</switch>
</g>
<g opacity="0.65" transform="translate(547.5,84.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="51" height="16"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 53px; white-space: nowrap; word-wrap: normal; text-align: center;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">Word 6
</div>
</div>
</foreignObject>
<text x="26" y="16" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica">Word
6
</text>
</switch>
</g>
<g transform="translate(84.5,84.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="51" height="16"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; vertical-align: top; width: 53px; white-space: nowrap; word-wrap: normal; text-align: center;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">Word 1
</div>
</div>
</foreignObject>
<text x="26" y="16" fill="#999999" text-anchor="middle" font-size="16px" font-family="Helvetica">Word
1
</text>
</switch>
</g>
<g transform="translate(630.5,84.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="51" height="16"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; vertical-align: top; width: 53px; white-space: nowrap; word-wrap: normal; text-align: center;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">Word 7
</div>
</div>
</foreignObject>
<text x="26" y="16" fill="#999999" text-anchor="middle" font-size="16px" font-family="Helvetica">Word
7
</text>
</switch>
</g>
<g transform="translate(699.5,84.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="13" height="16"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; vertical-align: top; width: 14px; white-space: nowrap; word-wrap: normal; text-align: center;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">...
</div>
</div>
</foreignObject>
<text x="7" y="16" fill="#999999" text-anchor="middle" font-size="16px" font-family="Helvetica">...
</text>
</switch>
</g>
<g transform="translate(53.5,84.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="13" height="16"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; vertical-align: top; width: 14px; white-space: nowrap; word-wrap: normal; text-align: center;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">...
</div>
</div>
</foreignObject>
<text x="7" y="16" fill="#999999" text-anchor="middle" font-size="16px" font-family="Helvetica">...
</text>
</switch>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 22 KiB