Chrome을 제외한 모든 브라우저에서 일부 SVG 렌더링 버그가 발생했습니다. SVG는 현재 모든 브라우저에서 지원되는 HTML 파일에 모두 포함되어 있습니다. 그러나 대부분의 브라우저는 색상을 잘못 표시합니다 (표준 16 진수 색상 임). 일부 브라우저는 일부 색상을 렌더링하지 못하지만 다른 색상은 전혀 정상적으로 렌더링되지 않습니다. 소스 파일과 스크린 샷은 다음과 같습니다. http://awesomegeek.com/bugreport/bugreport.zip 직접 확인하고 복제하거나 솔루션을 제안 할 수 있는지 알려주십시오.SVG 렌더링 문제
0
A
답변
1
html 파일이 유효하지 않습니다. 예 : 아이디가 같은 여러 요소가 있습니다. linearGradient id = "a". 나는 그들이 다른 svg 파편에서 발생하지만 당신은 여전히 그것을 할 수 없다는 것을 압니다. 모든 ID는 파일에서 전 세계적으로 유일해야합니다. 나는 파이어 폭스가 파일 전체에서 이들 중 첫 번째 파일을 선택함으로써 아이콘을 올바르게 그리는 것이라고 생각한다.
관련 문제
- 1. SVG 렌더링 내가이 SVG 샘플을 렌더링 할 때
- 2. Chrome 하이 차트 SVG 렌더링 문제
- 3. Chrome에서 SVG 동적 렌더링
- 4. 렌더링 인라인 SVG in firefox
- 5. 브라우저 - SVG 렌더링 완료 이벤트
- 6. SVG 마커의 렌더링 구현 코드
- 7. SVG 그룹 번역 문제
- 8. SVG 분필 라인 문제
- 9. 렌더링 문제
- 10. Mono의 이미지 객체에 SVG 파일 렌더링
- 11. SVG/캔버스 :: 모양 - 렌더링 = "crispEdges"via JavaScript?
- 12. HTML 5 캔버스에서 SVG 이미지 렌더링 성능
- 13. SVG 렌더링 게임 맵에서 직교 좌표 그리기
- 14. Java의 원시 SVG 데이터에서 렌더링 맵
- 15. 렌더링 및 확대/축소를위한 최상의 라이브러리 SVG
- 16. 자바 스크립트를 사용하여 android에서 svg 렌더링
- 17. SVG 파일이 포함 된 UIWebView 레이어 렌더링
- 18. Compact Framework를 사용하여 SVG 이미지 렌더링
- 19. SVG?
- 20. svg viewbox 크기 조정 문제
- 21. SVG xml : 공간 속성 문제
- 22. Kinetic.Path()의 SVG 데이터 문제
- 23. Safari의 SVG 크기 조정 문제
- 24. Backbone.js 이중 렌더링 문제
- 25. IE8 렌더링 문제
- 26. IE 9 렌더링 문제
- 27. Mathjax 렌더링 문제
- 28. GL_POINT_SPRITE_ARB 렌더링 문제
- 29. UITableview 렌더링 문제
- 30. ListView 렌더링 이미지 문제.
감사합니다. Firefox 및 IE9의 색상 문제가 해결되었습니다. 그러나 사파리와 안드로이드 브라우저는 여전히 부분적으로 SVG를 렌더링하고있다. 왜 그런 일이 일어나는 지 아십니까? 업데이트 된 코드는 다음과 같습니다. http://pastebin.com/9J6bKsvv – MrDrMcCoy
Chrome과 Safari는 동일한 렌더링 엔진 (Webkit)을 사용하므로 일부 최신 Safari에서 작동합니다. Safari는 Chrome보다 낮은 빈도로 업데이트됩니다. 최신 Safari에는 최신 Mac OS가 필요합니다. 내 생각 엔 안드로이드와 같아. –
글쎄 그게 싫증이 내 질문에 대한 답변. 나는 지금 JPEG를 고수해야 할 것 같다. 어쨌든 고마워. – MrDrMcCoy