[Blazor] SVG (Scalable Vector Grahics) 사용

svg 태그를 이용하여 vector graphics 표현하기.

svg 표현식 내에 선언된 @message를 출력하는 예제입니다.

@{
    string message = "foreignObject example with Scalable Vector Graphics (SVG)";
}

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
    <rect x="0" y="0" rx="10" ry="10" width="200" height="200" stroke="black" 
        fill="none" />
    <foreignObject x="20" y="20" width="160" height="160">
        <p>@message</p>
    </foreignObject>
</svg>