Использование SVGS на странице Blazor - PullRequest
Новая
       19

Использование SVGS на странице Blazor

1 голос
/ 21 марта 2020

У меня есть бритвенный компонент, и я хочу добавить к нему SVG.

Было бы лучше создать компонент для каждого SVG, чтобы я мог довольно легко использовать его повторно или было бы лучше просто включить SVG на страницу блейзора?

Это всего лишь два способа, которыми я думал, что это можно сделать, каков наилучший способ go об этом и как я могу это реализовать?

Не нашел никаких ресурсов, поэтому я не смог ничего попробовать.

1 Ответ

1 голос
/ 21 марта 2020

Я попробовал, насколько я вижу, модель компонентов Blazor отлично работает с Svg:

SvgHolder.razor 

<svg width="100" height="100">
   @ChildContent
</svg>

@code {
    [Parameter]
    public RenderFragment ChildContent { get; set; }

}

SvgSample.razor 

<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />

@code {

}

TestPage.razor 

<SvgHolder >
    <SvgSample />
</SvgHolder>
...