Неожиданное увеличение высоты 2-4 пикселей в SVG после экстракции в угловой компонент ⇐ Javascript

[Anonymous]

После извлечения его в отдельный угловой компонент я сталкиваюсь с проблемой, когда высота SVG увеличивается на несколько пикселей. SVG отображается правильно, когда встроен, но высота неожиданно растет в компоненте.

Код: Выделить всё

pause.component.html

Код: Выделить всё

< /code>

pause.component.ts

import { Component, Input } from '@angular/core';

@Component({
selector: 'pause-icon',
imports: [],
templateUrl: './pause.component.html',
})
export default class PauseIcon {
@Input() width?: number = 800;
@Input() height?: number = 800;
@Input() strokeColor?: string = '#fff';
@Input() strokeWidth?: number = 4;
}
< /code>

внутри других компонентов:



< /code>
Ниже я прикрепил два изображения: первое - это размер SVG, а второе - это размер компонента паузы.




Подробнее здесь: https://stackoverflow.com/questions/794 ... -component