Kilka razy otworzyłem pliki SVG znajdujące się w różnych witrynach za pośrednictwem przeglądarki i zostały one wyświetlone jako obrazy.
Teraz kopiuję ten sam SVG, przesyłam go do zdalnego hosta, a zarówno Google Chrome, jak i Firefox renderują kod XML.
W jaki sposób przeglądarki decydują, czy wyświetlić obraz, czy kod XML?Otwieranie SVG w przeglądarce renderuje kod XML zamiast obrazu
Odpowiedz
Musisz skonfigurować swój serwer, aby wysyłać Ci pliki svg z nagłówkiem Content-Type: image/svg+xml
. Here jest przykładem, jak to zrobić z Apache.
Czy ta konfiguracja treści jest również wymagana dla innych typów treści, czy tylko dla SVG? To po prostu nie jest poważne – sabof
Apache ma kilka typów MIME już skonfigurowanych, ale oczywiście nie wszystkie. – madth3
@sabof to zależy od oprogramowania serwera. Apache zazwyczaj przesyła obrazy SVG (i większość innych typów treści) z prawym nagłówkiem. Czy Twoje rozszerzenie pliku 'svg'? Ewentualnie twój serwer jest źle skonfigurowany. – copy
Co do ostatniego pytania: Jak przeglądarki decydują, czy wyświetlić obraz, czy kod XML?
Odpowiedź dotyczy przestrzeni nazw XML. Przestrzeń nazw XML określona w znaczniku XML informuje użytkownika o sposobie obsługi znaczników. Jeśli więc masz atrybut <svg>
bez atrybutu xmlns="http://www.w3.org/2000/svg"
, przeglądarka wyświetli tekst, a nie grafikę wektorową renderowaną przez SVG.
To jest inny element układanki! – EoghanM
- 1. Safari nie renderuje obrazu w zagnieżdżonym SVG
- 2. Imagick nie renderuje prawidłowo svg
- 3. Zatrzymaj otwieranie rozszerzeń TFS w przeglądarce zamiast IDE
- 4. SVG nie renderuje się w IE
- 5. Zmiana rozmiaru obrazu svg jako tła w przeglądarce Chrome
- 6. Android-Studio, aby wyświetlić kod XML zamiast projektu
- 7. Jak wyświetlić kod Unicode w SVG?
- 8. Otwieranie pliku PDF bezpośrednio w przeglądarce
- 9. Otwieranie Błyszczącej aplikacji bezpośrednio w domyślnej przeglądarce
- 10. amazon s3 - pobieranie obrazu zamiast wyświetlania w przeglądarce
- 11. Jak zapisać kod svg jako obraz .svg?
- 12. Chrome nie ładuje SVG, jak plik image/svg + xml
- 13. SVG: rozciągania obrazu
- 14. Kod warunkowy wyświetlania PNG zamiast SVG dla starszych przeglądarek?
- 15. centrowania obrazu z SVG
- 16. Ruby/Rails: Ponowne otwieranie zamiast nadpisywania klasy
- 17. rsvg nie renderuje obrazów połączonych
- 18. Dynamicznie zmieniaj kolor obrazu SVG w Androidzie
- 19. Rysowanie UIImage w CALayer.contents nie renderuje danych obrazu
- 20. Nie można rozciągnąć obrazu w tle svg, proporcje zostaną zachowane
- 21. Czy można przesłuchać ładowanie obrazu w SVG?
- 22. Rendering Inline SVG w FireFox
- 23. renderowanie obrazu jako strumień danych w Android przeglądarce
- 24. Otwórz odnośnik w WebView zamiast domyślnej przeglądarce
- 25. Java - kodowanie obrazu w XML
- 26. Generowanie obrazu SVG przy użyciu svg danych surowych w imagick php
- 27. Obraz Svg nie jest wyświetlany w przeglądarce Firefox
- 28. Jak rozszyfrować kod XML z XQuery?
- 29. Pojemnik SVG renderuje nieprawidłowy rozmiar na pulpicie Safari (w porządku w Chrome/iOS)
- 30. Domyślny arkusz stylów XML w przeglądarce Chrome?
Zwykle zadaniem serwera jest dodanie odpowiedniego nagłówka, aby przeglądarka znała typ pliku. Z jakiego serwera korzystasz? – madth3
Jeśli mam rację i jest to problem z konfiguracją serwera, to tutaj jest offtop i powinno być łatwo odpowiedzieć na pytanie o odpowiednią dokumentację serwera. – madth3
Apache (teraz komentarz jest wystarczająco długi, aby go opublikować) – sabof