svg에서 동적으로 크기 조절하기

svg에서 동적으로 크기 조절하기

• 너비와 높이를 변경

 <svg
      width="current"
      height="current"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
    >
      <rect x="0" y="0" width="100%" height="100%" fill="url(#pattern0_4_175)" />
      <defs>
        <pattern
          id="pattern0_4_175"
          patternContentUnits="objectBoundingBox"
          width="1"
          height="1"
        >
          <use xlinkHref="#image0_4_175" transform="matrix(0.00115075 0 0 0.002859 0 -0.379143)" />
        </pattern>
      </defs>
    </svg>

• 사용하기

<Banner height={isPc ? 420 : 160 } width="100%" />