SVG a WWW - przykład
Sunday, 8. April 2007, 23:35:24
Postanowiłem zamieścić sobie przykład osadzenia pliku SVG na stronie WWW wraz z alternatywnym obrazkiem png, który by działał w starszych przeglądarkach. Pełniejszy test, który powinien działać lepiej z różnymi przeglądarkami, z przyczyn technicznych został umieszczony na stronie http://michas.eu/tests/svg.html.
Powinna się wyświetlić zółta, uśmiechnięta główka na przezroczystym tle, czyli domyślnym tle strony. Jeśli wyświetli się główka pomarańczowa, znaczy że przeglądarka nie obsługuje formatu svgz, a jedynie svg, czyli nie obsługuje skompresowanych obrazków svg. Jeśli wyświetli się główka czerwona, znaczy że przeglądarka nie obsługuje obrazków svg, a jedynie png.
Znane problemy:
- Nie zawsze działa automatyczne ustalanie rozmiarów obiektów SVG. Trzeba je niestety podawać ręcznie.
- Przeglądarka MSIE 7 nie wyświetla natywnie obrazków SVG. Doinstalowanie do niej specjalnego pluginu, który umożliwiłby wyświetlanie grafiki SVG, jest dużo mniej prawdopodobne, niż wymiana przeglądarki na inną.
- Przeglądarka MSIE 6, poza problemami wymienionymi wyżej, wyświetla symbol graficzny informujący o błędzie ładowania obiektu SVG. Trzeba to ukryć komentarzami warunkowymi, których jednak nie można stosować na blogu Opery.
Powinna się wyświetlić zółta, uśmiechnięta główka na przezroczystym tle, czyli domyślnym tle strony. Jeśli wyświetli się główka pomarańczowa, znaczy że przeglądarka nie obsługuje formatu svgz, a jedynie svg, czyli nie obsługuje skompresowanych obrazków svg. Jeśli wyświetli się główka czerwona, znaczy że przeglądarka nie obsługuje obrazków svg, a jedynie png.
<object data="http://files.myopera.com/Big_Z/blog/smile.svgz" height="128" width="128">
<object data="http://files.myopera.com/BigZ/blog/smile.svg" height="128" width="128">
<img src="http://files.myopera.com/Big_Z/blog/smile.png" alt="=(" />
</object>
</object>
Znane problemy:
- Nie zawsze działa automatyczne ustalanie rozmiarów obiektów SVG. Trzeba je niestety podawać ręcznie.
- Przeglądarka MSIE 7 nie wyświetla natywnie obrazków SVG. Doinstalowanie do niej specjalnego pluginu, który umożliwiłby wyświetlanie grafiki SVG, jest dużo mniej prawdopodobne, niż wymiana przeglądarki na inną.
- Przeglądarka MSIE 6, poza problemami wymienionymi wyżej, wyświetla symbol graficzny informujący o błędzie ładowania obiektu SVG. Trzeba to ukryć komentarzami warunkowymi, których jednak nie można stosować na blogu Opery.
By grizzly3, # 9. April 2007, 18:07:04
By Big_Z, # 9. April 2007, 19:03:30
By wilk, # 9. April 2007, 19:08:01
By hodowca, # 9. April 2007, 20:34:19
Dodałem kod zastosowany na tym blogu. W przygotowaniu mam też wersję z komentarzami warunkowymi.
By Big_Z, # 9. April 2007, 21:14:15
By Zajec, # 9. April 2007, 21:52:46
By Jurgi, # 9. April 2007, 21:54:22
By Big_Z, # 9. April 2007, 22:26:41
<http://michas.eu/tests/svg.html>
By Big_Z, # 10. April 2007, 12:33:07
By GrLT, # 10. April 2007, 14:28:01
Pokazuje tylko biały kwadrat...
By thm, # 10. April 2007, 16:30:15
By Big_Z, # 10. April 2007, 23:24:11
zaktalizowalem sie juz do opery 9.2 ale bez zmian...
By GrLT, # 11. April 2007, 12:31:20
By Big_Z, # 11. April 2007, 12:43:06
"It is now possible to use an SVG image in an IMG element as well as specify one as a background image in CSS" - my.opera.com/desktopteam/blog
By grizzly3, # 13. October 2007, 18:38:13
By Big_Z, # 14. October 2007, 20:22:14