Hlars/snippets
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

paths.html hinzugefügt

Browse Source
This commit is contained in:
Hlars 2025-11-10 18:31:32 +00:00
commit c9d7ad7d4f
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
paths.html Normal file
View File

@ -0,0 +1,21 @@
<svg [attr.viewBox]="viewBox" xmlns="http://www.w3.org/2000/svg"
style="border: solid thin black; margin: 1rem; padding: 5px">
@for (point of points; track $index; let index=$index) {
@let color = getRandomColor(index);
@for (line of lineCountNumber(point.count); track line) {
@let start = line % 2 === 1 ? point.start : point.end;
@let end = line % 2 === 1 ? point.end : point.start;
@let offset = (start > end ? 0.5 : -0.5) * strokeWidth;
<line [attr.x1]="start + offset" [attr.y1]="getLineNumber(index, line) * lineGap + 0.5 * strokeWidth"
[attr.x2]="end + offset" [attr.y2]="getLineNumber(index, line) * lineGap + 0.5 * strokeWidth"
[attr.stroke]="color" [attr.stroke-width]="strokeWidth" />
@if (index
< points.length - 1 || (index===points.length && line < point.count)) { <line [attr.x1]="end"
[attr.y1]="getLineNumber(index, line) * lineGap" [attr.x2]="end"
[attr.y2]="(getLineNumber(index, line)+1) * lineGap + strokeWidth" [attr.stroke]="color"
[attr.stroke-width]="strokeWidth" />
}
}
}
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB