페이지에 포함될 때 SVG 아이콘이 달라 보이는

this svg (내 다운로드 링크입니다)을 내 페이지에 표시하고 싶습니다. 나는 이런 식으로 그렇게 :페이지에 포함될 때 SVG 아이콘이 달라 보이는

<img alt="logo" src="/assets/logo.svg">

하지만이 결과 :

enter image description here

나는 중앙 원 주변 사람들 추악한 라인을 가지고 있지만 내가 SVG 파일을 열 때이 없습니다.

브라우저 버그입니까?

2014-07-18 Gpx

이미지 자체에 틈이 있습니다. – Awesomestvi

간격을 통해 넘치는 배경색입니다. 인쇄물에 익숙하다면 색상 채우기를 일부 트래핑해야합니다. 경로가 조금 겹쳐 지도록하십시오. – Duopixel

나는 firefox, 크롬, 오페라 및 IE에서 svg를 보유하고있다. 그러나 모든 브라우저에는 이러한 차이가 조금 있지만 크기가 다릅니다. 제 생각에이 렌더링은 여러분의 이미지 표준에 명확하게 정의되어 있지 않을 수도 있습니다. – quant

안티 앨리어싱이라고하며 모든 브라우저는 모양을 함께 혼합합니다. shape-rendering = "crispEdges"또는 shape-rendering : crispEdges를 CSS 스타일로 설정하여 비활성화 할 수 있습니다.

두 세트의 도형은이 세트, 원 위의 다각형 및 그 아래 경로를 가질 수 있습니다.

2014-07-18 16:27:54

답변