svg 썸네일형 리스트형 [svg] 일반 이미지 svg이미지로 변환하는 사이트 http://vectormagic.com/home 더보기 [svg] canvas와 svg canvas를 활용해 chart등을 구현하고 잘 활용했는데 문제가 있었다. 데스크탑 웹브라우저는 똑같아 보이지만 확대하거나 모바일 웹에서는 흐릿하게 보인다는 것이었다. 아래를 비교해보자 위 원은 canvas 아래원은 svg를 사용해 그렸다 모바일에서 녹색원 테두리가 흐릿하게 보이는걸 확인 할 수 있다. 이렇게 모바일 환경까지 생각한다면 canvas가 아니라 svg를 사용해야 한다고 느꼈다. svg는 Scalable Vector Graphics의 약자이고 웹에서 사용되는 Vector기반의 그래픽을 정의하는데 사용된다. 확대 또는 축소되더라도 품질이 손상되지 않고 파일에 포함되는 모든 요소와 속성은 동영상화 될 수 있고 W3c가 추천한다. 다음부터 svg 도형을 그리는 방법부터 알아보겠다. 더보기 이전 1 다음