如何减少角度材料 2 中 md-progress-spinner 的笔划宽度？答案

【问题标题】：How to decrease the stroke-width of md-progress-spinner in angular material 2?如何减少角度材料 2 中 md-progress-spinner 的笔划宽度？
【发布时间】：2023-04-07 19:43:01
【问题描述】：

我在我的代码中使用这样的 md-progress-spinner：

<md-progress-spinner class="s-spinner" mode="indeterminate" color = "primary">
</md-progress-spinner>

如何改变 md-progress spinner 渲染的 svg 的笔画宽度。默认情况下，笔画宽度的值为 10，这对我的项目来说太大了。

【问题讨论】：

strokeWidth="5px"。尝试查看文档...
是的，它有效。我不知道我们可以这样添加它
您的问题是否已解决或需要其他帮助？ @ShrutiAgarwal
@Aravind - 我可以更改笔画宽度。但我也想减小微调器的直径。你能帮我解决这个问题吗？
@ShrutiAgarwal 你可能会看到这个plunker 并使用其中的代码

标签： css angular svg angular-material2

【解决方案1】：

正如文档所说，

@Input()
strokeWidth
Stroke width of the progress spinner. By default uses 10px as stroke width.

那是组件的一个输入，和“mode”一模一样，Jo就是这样使用它：

<md-progress-spinner class="s-spinner" strokeWidth="x" mode="indeterminate" color = "primary">
</md-progress-spinner>

x 是你想要的宽度。

【讨论】：

很高兴它有帮助:)
有没有办法减小微调器的直径？