有没有一种方法可以动态更改ng-cicle-processCircleProgressComponent元素的大小

Question

在Angular 11项目中，我需要动态更改ng循环进度库CircleProgressComponent元素大小。

我发现，可以通过在子DOM元素svg上放置width/height CSS属性来更改元素的大小。问题是svg没有任何id或类值，所以即使我可以以某种方式查询元素，这也不会像它应该的那样简单和灵活

如果在CircleProgressComponent中有一个参数会非常好，它会侦听外部变量的更改并用新的大小重新渲染元素。

Answer 1

我从未使用过这个库，所以我阅读了他们的文档和演示页面。如果我理解的话，他们有你想要的参数radius

<circle-progress
[percent]="85"
[radius]="200" // the size you want
[outerStrokeWidth]="16"
[innerStrokeWidth]="8"
[outerStrokeColor]="'#78C000'"
[innerStrokeColor]="'#C7E596'"
[animation]="true"
[animationDuration]="300"
></circle-progress>