我有 SVG,大小为 1326 x 745。
SVG 看起来像:
import React from 'react'
export const Wave = (props: React.SVGProps<SVGSVGElement>) => {
return (
<svg viewBox="0 0 16 9" {...props}>
<path
d="M0 8L0.2 7.8C0.3 7.7 0.7 7.3 1 7.2C1.3 7 1.7 7 2 6.8C2.3 6.7 2.7 6.3 3 6C3.3 5.7 3.7 5.3 4 5.7C4.3 6 4.7 7 5 7.5C5.3 8 5.7 8 6 7.5C6.3 7 6.7 6 7 5.7C7.3 5.3 7.7 5.7 8 5.8C8.3 6 8.7 6 9 6.2C9.3 6.3 9.7 6.7 10 6.8C10.3 7 10.7 7 11 6.7C11.3 6.3 11.7 5.7 12 5.7C12.3 5.7 12.7 6.3 13 6.5C13.3 6.7 13.7 6.3 14 6.3C14.3 6.3 14.7 6.7 15 6.8C15.3 7 15.7 7 15.8 7L16 7L16 10L15.8 10C15.7 10 15.3 10 15 10C14.7 10 14.3 10 14 10C13.7 10 13.3 10 13 10C12.7 10 12.3 10 12 10C11.7 10 11.3 10 11 10C10.7 10 10.3 10 10 10C9.7 10 9.3 10 9 10C8.7 10 8.3 10 8 10C7.7 10 7.3 10 7 10C6.7 10 6.3 10 6 10C5.7 10 5.3 10 5 10C4.7 10 4.3 10 4 10C3.7 10 3.3 10 3 10C2.7 10 2.3 10 2 10C1.7 10 1.3 10 1 10C0.7 10 0.3 10 0.2 10L0 10Z"
strokeLinecap="round"
strokeLinejoin="miter"
fill="currentColor"
></path>
</svg>
)
}
它占用了太多空间。我希望它真的很小。只占用波浪空间。
上制作了这个 Wave SVG我尝试了所有配置,但我无法让它变小。
我想要的只是 width
是 100%
,无论我在哪个设备上并且它应该具有成比例的高度。我需要做什么来改变它?