我有一个使用CRA创建的React应用。
如何更改SVG的宽度和高度而不保留纵横比(例如,宽度500像素,高度10像素)?
import ornament from '../../assets/img/ornament.svg';
<img src={ornament} style={{width: '500px', height: '20px'}} />
这将保持宽高比并仅更改大小。我希望它可以转换为500像素宽度和20像素高度。所以原始的400像素*400像素 => 变成500像素*20像素。
编辑:在codesandbox上的示例:https://codesandbox.io/s/40xj3zv5w7 ,图像变得非常小,而不是400像素宽和10像素高。