svg string convert to blob

Blob은 Binary Large OBject로서 binary data의 콜렉션으로 생각하면된다.

자바스크립트에서 Blob은 immutable file-like object이고, File 인터페이스도 Blob을 기반으로 한다.

🙂🙂🙂svg string을 blob으로 변경할 경우 아래와 같이 조치하면 된다.🙂🙂🙂

//익명의 아바타를 생성하면 svg string을 얻는다. 이 string을 blob으로 변경한다. 
//const avatarSvg = generateFromString(email)
const svgBlob = new Blob([avatarSvg], { type: 'image/svg+xml' })

변경시 이와같은 blob 형태로 변환된다.

파일로 된 svg와 비교해보자. 아래는 파일로 된 svg이다.

참고링크

• https://developer.mozilla.org/en-US/docs/Web/API/Blob
• https://ko.javascript.info/blob