在Nativescript-Angular中，我希望以编程方式使用SVG。我不希望显示已经生成的SVG图像，但基于与用户的交互，SVG必须是动态的。
仅对于Angular，使用 svg 和 path 非常简单，如下所示：

<div #container width="800px" height="800px">
    <svg width="100%" height="800px">

        <path d="M10 475 Q 300 475 300 250" stroke="black" fill="transparent" />
        <path d="M300 250 Q 200 250 200 125" stroke="black" fill="transparent" />
        <path d="M200 125 Q 270 125 270 10" stroke="black" fill="transparent" />

        <circle cx="270" cy="10" r="10" fill="red" />
        <circle cx="200" cy="125" r="10" fill="red" />
        <circle cx="300" cy="250" r="10" fill="red" />
        <circle cx="10" cy="475" r="10" fill="red" />

    </svg>
</div>

但是当我在Nativescript应用中使用它时，它并没有进行渲染，我知道NS并不使用webview，而是尽可能地转换为原生应用。
有没有人知道我该怎么做？有没有办法使用原始HTML？或者NS有没有等效的？
也许在TypeScript中，我可以根据需要生成一个SVG图像，并在用户修改它时更新它，但在这种情况下，如何在圆圈上放置按钮或使圆圈可点击？