2012-11-02 4 views
0

Chrome을 제외한 모든 브라우저에서 일부 SVG 렌더링 버그가 발생했습니다. SVG는 현재 모든 브라우저에서 지원되는 HTML 파일에 모두 포함되어 있습니다. 그러나 대부분의 브라우저는 색상을 잘못 표시합니다 (표준 16 진수 색상 임). 일부 브라우저는 일부 색상을 렌더링하지 못하지만 다른 색상은 전혀 정상적으로 렌더링되지 않습니다. 소스 파일과 스크린 샷은 다음과 같습니다. http://awesomegeek.com/bugreport/bugreport.zip 직접 확인하고 복제하거나 솔루션을 제안 할 수 있는지 알려주십시오.SVG 렌더링 문제

답변

1

html 파일이 유효하지 않습니다. 예 : 아이디가 같은 여러 요소가 있습니다. linearGradient id = "a". 나는 그들이 다른 svg 파편에서 발생하지만 당신은 여전히 ​​그것을 할 수 없다는 것을 압니다. 모든 ID는 파일에서 전 세계적으로 유일해야합니다. 나는 파이어 폭스가 파일 전체에서 이들 중 첫 번째 파일을 선택함으로써 아이콘을 올바르게 그리는 것이라고 생각한다.

+0

감사합니다. Firefox 및 IE9의 색상 문제가 해결되었습니다. 그러나 사파리와 안드로이드 브라우저는 여전히 부분적으로 SVG를 렌더링하고있다. 왜 그런 일이 일어나는 지 아십니까? 업데이트 된 코드는 다음과 같습니다. http://pastebin.com/9J6bKsvv – MrDrMcCoy

+0

Chrome과 Safari는 동일한 렌더링 엔진 (Webkit)을 사용하므로 일부 최신 Safari에서 작동합니다. Safari는 Chrome보다 낮은 빈도로 업데이트됩니다. 최신 Safari에는 최신 Mac OS가 필요합니다. 내 생각 엔 안드로이드와 같아. –

+0

글쎄 그게 싫증이 내 질문에 대한 답변. 나는 지금 JPEG를 고수해야 할 것 같다. 어쨌든 고마워. – MrDrMcCoy