izawartka/td2-visualizer
izawartka/td2-visualizer
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed route arrow position

Browse Source 
*Fixed route arrow not always being centered
This commit is contained in:
izawartka 2025-05-30 19:23:38 +02:00
parent 32a1d95ba2
commit 0569b79339
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/map/object-renderers/RouteRenderer.js
View File

@ -21,10 +21,11 @@ export default function RouteRenderer(props) {
const upsideDownRot = upsideDown ? 90 : -90; const upsideDownRot = upsideDown ? 90 : -90;
const offY = object.track_count === 2 ? -22 : -20; const offY = object.track_count === 2 ? -22 : -20;
const anchor = upsideDown ? "start" : "end"; const anchor = upsideDown ? "start" : "end";
const arrowOffset = - object.track_offset - 37.8;
return ( return (
<g className="route" transform={`translate(${x}, ${z}) rotate(${object.rot})`}> <g className="route" transform={`translate(${x}, ${z}) rotate(${object.rot})`}>
<g transform={`rotate(90) translate(-80, -40)`}> <g transform={`rotate(90) translate(-80, ${arrowOffset})`}>
<ReactSVG <ReactSVG
src="/assets/route.svg" src="/assets/route.svg"
wrapper='svg' wrapper='svg'