blazor - 在 Blazor WebAssembly 中测量字符串的宽度

Question

我有一个第三方 Blazor WebAssembly 组件，它的宽度属性要根据将在组件中显示的字符串的宽度进行设置。如何编写一个 C# 函数来获取字符串并计算它将呈现的宽度并考虑 CSS 字体值？还是只能在 JavaScript 中完成？

编辑：我基本上想这样做，但在我的 Blazor C# 代码中：用 JavaScript 计算文本宽度

标签： blazorblazor-webassembly

Answer 1

我不知道我是否理解了这个问题，如果我的方法是错误的，我会删除答案。

如果您将两个属性添加到视图模型类，其中第二个是 getter，仅将值设置为第一个的长度，使用简单的 Length 函数，我认为它应该可以工作。

然后您只需将值分配给字符串类属性和@viewModel.stringOneLength组件的属性。

显然，这种方法需要您从外部（父）组件或通过任何基于事件的方法将字符串设置为组件内部。