ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2025-04-17 23:16:03 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improved text position matching

Browse Source
This commit is contained in:
ziajka 2018-05-29 13:14:55 +02:00
parent f01cf63a6c
commit 96ec866b2e
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/app/cartography/shared/widgets/drawings/text-drawing.ts
View File

@ -3,10 +3,12 @@ import { TextElement } from "../../models/drawings/text-element";
import { Drawing } from "../../models/drawing";
import { DrawingWidget } from "./drawing-widget";
import { FontFixer } from "../../helpers/font-fixer";
import { Font } from "../../models/font";
import { select } from "d3-selection";
export class TextDrawingWidget implements DrawingWidget {
static MARGIN = 4;
private fontFixer: FontFixer;
constructor() {
@ -14,6 +16,7 @@ export class TextDrawingWidget implements DrawingWidget {
}
public draw(view: SVGSelection) {
const drawing = view
.selectAll<SVGTextElement, TextElement>('text.text_element')
.data((d: Drawing) => {
@ -58,14 +61,22 @@ export class TextDrawingWidget implements DrawingWidget {
lines_merge
.text((line) => line)
.attr('xml:space', 'preserve')
.attr('x', 0)
.attr("dy", (line, i) => i === 0 ? '0em' : '1.2em');
.attr('xml:space', 'preserve')
.attr('x', 0)
.attr("dy", (line, i) => i === 0 ? '0em' : '1.2em');
lines
.exit()
.remove();
merge.attr('transform', function (this: SVGTextElement) {
// SVG calculates y pos by the /bottom/ of the first tspan, hence we need to make some
// approx and make it matching to GUI
const tspan = select(this).selectAll<SVGTSpanElement, string>('tspan');
const height = this.getBBox().height / tspan.size();
return `translate(${TextDrawingWidget.MARGIN}, ${height - TextDrawingWidget.MARGIN})`;
});
drawing
.exit()
.remove();