@webwriter/flowchart
Version:
Create programming flowcharts with interactive tasks. Use standardized Elements such as loops and Branchings.
18 lines (14 loc) • 503 B
text/typescript
export function drawSelectionField(ctx: CanvasRenderingContext2D, rect: { x: number, y: number, width: number, height: number }) {
const { x, y, width, height } = rect;
// Füllen des Rechtecks
ctx.beginPath();
ctx.rect(x, y, width, height);
ctx.fillStyle = 'rgba(173, 216, 230, 0.2)';
ctx.fill();
// Äußere, durchgehende Linie
ctx.beginPath();
ctx.rect(x, y, width, height);
ctx.lineWidth = 1;
ctx.strokeStyle = 'rgba(0, 122, 255, 0.5)';
ctx.stroke();
}