hans/racket-wiki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

zijlijn concepten beter geplaatst

Browse Source
This commit is contained in:
Hans Dijkema
2026-09-03 08:50:20 +02:00
parent 2c141b6d3f
commit 1abc84489f
5 changed files with 49 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/cmap/view/cmap-item-decorator.js
+5 -5
View File
@@ -2,6 +2,8 @@
import { debug, elementDescription, selectionStyle, escapeHtml } from "../cmap-utils.js";
const BOUNDARY_LINE_COLOR = "#77838e";
export class CmapItemDecorator {
constructor(editor) {
this.editor = editor;
@@ -457,7 +459,7 @@ export class CmapItemDecorator {
marker.setAttribute("orient", "auto-start-reverse");
const arrow = document.createElementNS("http://www.w3.org/2000/svg", "path");
arrow.setAttribute("d", "M 0 0 L 10 5 L 0 10 z");
arrow.setAttribute("fill", "#4a5560");
arrow.setAttribute("fill", BOUNDARY_LINE_COLOR);
marker.append(arrow);
definitions.append(marker);
svg.append(definitions);
@@ -484,9 +486,7 @@ export class CmapItemDecorator {
(Number(crossing.insideConcept.node.attr("width")) / 2);
const insideY = Number(crossing.insideConcept.node.attr("y")) +
(Number(crossing.insideConcept.node.attr("height")) / 2);
const outsideX = Number(crossing.outsideConcept.node.attr("x")) +
(Number(crossing.outsideConcept.node.attr("width")) / 2);
const side = outsideX < insideX ? "left" : "right";
const side = insideX <= viewLeft + (viewWidth / 2) ? "left" : "right";
const x = side === "left" ? viewLeft + 12 : viewLeft + viewWidth - buttonWidth - 12;
const y = reserveY(side, insideY - 15);
const button = document.createElement("button");
@@ -512,7 +512,7 @@ export class CmapItemDecorator {
const endY = crossing.sourceInside ? boundaryY : insideY;
path.setAttribute("d", `M ${startX} ${startY} L ${endX} ${endY}`);
path.setAttribute("fill", "none");
path.setAttribute("stroke", crossing.connector.lineColor || "#4a5560");
path.setAttribute("stroke", BOUNDARY_LINE_COLOR);
path.setAttribute("stroke-width", String(crossing.connector.lineWidth || 2));
if (crossing.connector.hasArrow) path.setAttribute("marker-end", "url(#rw-cmap-boundary-arrow)");
svg.append(path);