Animation Blazor wasm根据坐标设置形状动画

我有一个blazor wasm应用程序，它每秒接收一次有关在笛卡尔坐标系布局（X（mm）、Y（mm）、角度、速度（m/s）、电池电量（V）等）中移动的某些设备的信息。 它在数据网格和表格中显示信息，但我想添加位置的图形可视化

在WPF中，我使用画布控件并缩放要在画布中显示的坐标：

当坐标和/或角度（以度为单位）发生变化时，位置将更新为新位置

我也想在blazor做同样的事情，但我不知道从哪里开始

注意：我不是在寻找代码，只是寻找使用哪种算法的提示。

• 您可以使用HTML5画布元素并绘制它，有点像WPF画布。您很可能会使用现有的Blazor包装器，例如

• 您还可以使用元素创建内联SVG，并将设备添加为子元素。我认为如果你经常更新，它的性能会比画布差，但这是一种选择

• 第三个选项是设置with-position:relative，然后将设备添加为带有position:absolute的s或Blazor组件，然后根据需要更新它们的顶部和左侧属性以移动它们。如果您的用例足够简单，那么它可能是最简单的选择

• Blazor也有几种不同的图表和绘图库，但我不熟悉它们，它们可能不适合快速变化的数据

---

听起来您想显示一些绘图/图表。也许这些工具中的一个可以帮助您：，