Function renderBox

typescript/examples/drawing/src/render.ts:35–39

(item: Box)

}

function renderBox(item: Box): string {
    const rounded = item.style?.corners === "rounded";
    const text = item.text ? `<text x="${item.x + item.width / 2}" y="${item.y + item.height / 2}" text-anchor="middle" dominant-baseline="middle">${escapeXml(item.text)}</text>` : "";
    return `<rect x="${item.x}" y="${item.y}" width="${item.width}" height="${item.height}"${rounded ? " rx=\"8\" ry=\"8\"" : ""} stroke="${stroke(item.style)}" stroke-width="${strokeWidth(item.style)}" fill="${fill(item.style)}" />${text}`;
}

function renderEllipse(item: Ellipse): string {
    const cx = item.x + item.width / 2;