[Android UI] SVG파일의 내용이 보이지 않을때.

SVG파일을 import해서 사용할때 아래처럼 보이지 않을때가 있다.

 

이렇게 정상적으로 보이는 SVG파일이

Vector Asset에서  선택하면 아무것도 안보인다.

issues를 눌러서 원인을 보면 아래처럼 나온다.

 <text> is not supported
<tspan> is not supported

 

이는 SVG에있는 TEXT의 이슈로, 글자를 그림으로 변경해주면 된다.

Sketch app에서 글씨를 선택후 Convert to Outlines를 선택한후 SVG로 만들어서 사용하면 된다.

(Adobe XD에서는 Select text후 Go to Object -> Path -> Convert to Path를 하면 된다고 한다.)

 

그럼 SVG파일을 import할때 정상적으로 보이게 된다.