backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2026-04-09 17:06:05 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor: optimize label rendering by building HTML string for batch updates

Browse source
This commit is contained in:
StempunkDev 2026-02-21 20:37:58 +01:00
parent 6fa3f786dc
commit e1740567c6
1 changed files with 11 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/renderers/draw-burg-labels.ts
View file

@ -35,22 +35,23 @@ const burgLabelsRenderer = (): void => {
const dx = dxAttr ? parseFloat(dxAttr) : 0; const dx = dxAttr ? parseFloat(dxAttr) : 0;
const dy = dyAttr ? parseFloat(dyAttr) : 0; const dy = dyAttr ? parseFloat(dyAttr) : 0;
// Build HTML string for all labels in this group
const labelsHTML: string[] = [];
for (const labelData of labels) { for (const labelData of labels) {
// Update label data with SVG group offsets // Update label data with SVG group offsets
if (labelData.dx !== dx || labelData.dy !== dy) { if (labelData.dx !== dx || labelData.dy !== dy) {
Labels.updateLabel(labelData.i, { dx, dy }); Labels.updateLabel(labelData.i, { dx, dy });
} }
labelGroup labelsHTML.push(
.append("text") `<text text-rendering="optimizeSpeed" id="burgLabel${labelData.burgId}" data-id="${labelData.burgId}" x="${labelData.x}" y="${labelData.y}" dx="${dx}em" dy="${dy}em">${labelData.text}</text>`
.attr("text-rendering", "optimizeSpeed") );
.attr("id", `burgLabel${labelData.burgId}`) }
.attr("data-id", labelData.burgId)
.attr("x", labelData.x) // Set all labels at once
.attr("y", labelData.y) const groupNode = labelGroup.node();
.attr("dx", `${dx}em`) if (groupNode) {
.attr("dy", `${dy}em`) groupNode.innerHTML = labelsHTML.join("");
.text(labelData.text);
} }
} }