Nativescript：路径和 svg 标签等效或如何使用它 (Angular)

Question

在 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，尽量转成native apps

有谁知道我该怎么做？有没有办法使用原始 HTML？或者 NS 是否有等效项？

也许在TypeScript中，我可以根据需要生成一个SVG图像，并在用户修改时更新它。但那样的话，如何在圆圈上放置按钮或使圆圈可点击？

Answer 1

有一种方法可以在 NS 中显示原始 HTML。您可以使用 htmlview 标签。有关详细信息，请参阅文档： https://docs.nativescript.org/ui-and-styling.html

Answer 2

很好，我用我需要的所有形式创建了新的 SVG 文件，然后我使用 nativescript-svg 和标签 SVGImage 显示它们。

它的动态性较低，但对于现在和我的需要来说是一个很好的解决方法。

Nativescript：路径和 svg 标签等效或如何使用它 (Angular)

Nativescript: path & svg tags equivalent or how to use it (Angular)

svg

typescript

nativescript

angular