From 439d80b09a7a643cce143eb3a699619f2ef62902 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EB=B3=B4=EA=B3=A4?= Date: Sat, 7 Mar 2026 22:32:09 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20[rd]=20=EA=B8=B0=ED=9A=8D=EB=94=94?= =?UTF-8?q?=EC=9E=90=EC=9D=B8=20=EC=97=B0=EA=B2=B0=EC=84=A0=20=ED=99=94?= =?UTF-8?q?=EC=82=B4=ED=91=9C=20=EC=A0=9C=EA=B1=B0,=20=EB=8B=A8=EC=88=9C?= =?UTF-8?q?=20=EA=B3=A1=EC=84=A0=EC=9C=BC=EB=A1=9C=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../views/rd/planning-design/index.blade.php | 36 ++----------------- 1 file changed, 3 insertions(+), 33 deletions(-) diff --git a/resources/views/rd/planning-design/index.blade.php b/resources/views/rd/planning-design/index.blade.php index e131dace..1ddd9120 100644 --- a/resources/views/rd/planning-design/index.blade.php +++ b/resources/views/rd/planning-design/index.blade.php @@ -1407,39 +1407,9 @@ function planningCanvas() { // 현재 내용 클리어 svg.innerHTML = ''; - // defs (arrowhead marker) const NS = 'http://www.w3.org/2000/svg'; - const defs = document.createElementNS(NS, 'defs'); - const marker = document.createElementNS(NS, 'marker'); - marker.setAttribute('id', 'arrowhead'); - marker.setAttribute('markerWidth', '10'); - marker.setAttribute('markerHeight', '7'); - marker.setAttribute('refX', '9'); - marker.setAttribute('refY', '3.5'); - marker.setAttribute('orient', 'auto'); - const poly = document.createElementNS(NS, 'polygon'); - poly.setAttribute('points', '0 0, 10 3.5, 0 7'); - poly.setAttribute('fill', '#94a3b8'); - marker.appendChild(poly); - - const markerSel = document.createElementNS(NS, 'marker'); - markerSel.setAttribute('id', 'arrowhead-sel'); - markerSel.setAttribute('markerWidth', '10'); - markerSel.setAttribute('markerHeight', '7'); - markerSel.setAttribute('refX', '9'); - markerSel.setAttribute('refY', '3.5'); - markerSel.setAttribute('orient', 'auto'); - const polySel = document.createElementNS(NS, 'polygon'); - polySel.setAttribute('points', '0 0, 10 3.5, 0 7'); - polySel.setAttribute('fill', '#6366f1'); - markerSel.appendChild(polySel); - - defs.appendChild(marker); - defs.appendChild(markerSel); - svg.appendChild(defs); - - // 기존 연결선 + // 기존 연결선 (화살표 없이 단순 곡선) const self = this; this.connections.forEach(conn => { const d = this.getConnectionPath(conn); @@ -1450,7 +1420,7 @@ function planningCanvas() { path.setAttribute('stroke', isSel ? '#6366f1' : '#94a3b8'); path.setAttribute('stroke-width', isSel ? '3' : '2'); path.setAttribute('fill', 'none'); - path.setAttribute('marker-end', isSel ? 'url(#arrowhead-sel)' : 'url(#arrowhead)'); + path.setAttribute('stroke-linecap', 'round'); path.style.pointerEvents = 'stroke'; path.style.cursor = 'pointer'; path.addEventListener('click', () => { self.selectConnection(conn); }); @@ -1465,7 +1435,7 @@ function planningCanvas() { temp.setAttribute('stroke-width', '2'); temp.setAttribute('stroke-dasharray', '6 3'); temp.setAttribute('fill', 'none'); - temp.setAttribute('marker-end', 'url(#arrowhead-sel)'); + temp.setAttribute('stroke-linecap', 'round'); temp.style.pointerEvents = 'none'; svg.appendChild(temp); }