drawdb-io/drawdb
1
0
Fork 0
mirror of https://github.com/drawdb-io/drawdb.git synced 2025-05-24 18:39:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

dots

Browse Source
This commit is contained in:
1ilit 2023-09-19 15:48:23 +03:00
parent da7aed543b
commit 76b9f7fc94
1 changed files with 24 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/components/canvas.jsx
View File

@ -185,7 +185,7 @@ export default function Canvas(props) {
name: `${props.tables[line.startTableId].name}_to_${ name: `${props.tables[line.startTableId].name}_to_${
props.tables[onRect.tableId].name props.tables[onRect.tableId].name
}`, }`,
id: prev.length id: prev.length,
}, },
]); ]);
}; };
@ -245,35 +245,30 @@ export default function Canvas(props) {
> >
<defs> <defs>
<pattern <pattern
id="smallGrid" id="pattern-circles"
width="10" x="0"
height="10" y="0"
width="24"
height="24"
patternUnits="userSpaceOnUse" patternUnits="userSpaceOnUse"
patternContentUnits="userSpaceOnUse"
> >
<path <circle
d="M 10 0 L 0 0 0 10" id="pattern-circle"
fill="none" cx="4"
stroke="lightblue" cy="4"
strokeWidth="0.5" r="0.85"
/> fill="rgb(99, 152, 191)"
</pattern> ></circle>
<pattern
id="grid"
width="100"
height="100"
patternUnits="userSpaceOnUse"
>
<rect width="100" height="100" fill="url(#smallGrid)" />
<path
d="M 100 0 L 0 0 0 100"
fill="none"
stroke="lightblue"
strokeWidth="1"
/>
</pattern> </pattern>
</defs> </defs>
<rect
<rect width="100%" height="100%" fill="url(#grid)" /> x="0"
y="0"
width="100%"
height="100%"
fill="url(#pattern-circles)"
></rect>
{props.areas.map((a) => ( {props.areas.map((a) => (
<Area <Area
key={a.id} key={a.id}
@ -305,7 +300,9 @@ export default function Canvas(props) {
strokeDasharray="8,8" strokeDasharray="8,8"
/> />
)} )}
{props.relationships.map((e, i) => <Relationship key={i} data={e}/>)} {props.relationships.map((e, i) => (
<Relationship key={i} data={e} />
))}
</svg> </svg>
</div> </div>
</div> </div>