flow

• svg → blob → canvas → img

문제점들

1. xlink:href는 Safari 에서 안됨
2. 외부 이미지는 링크는 안됨
3. 폰트가 적용이 안됨
4. 3. 을 해결할라고

해결

1. xlink:href 를 href 로 교체
2. 외부 링크가 있을시 미리 fetch해서 base64로 변환후 외부링크를 대체
3. text 요소를 path 로 바꿔서 하려고 했는데 속도가 너무 느림
   1. defs 태그 안에 font-face를 정의하고 font를 fetch해서 base64형식으로 넣어줌
      • 예시

출처

• https://shitnever.works/2021/06/02/converting-svg-to-an-image-via-blob/