Skip navigation.

exploreopera

| Help

Sign up | Help

Bezsensowne wypociny Michasia

Tymczasowo się gdzieś zapodziały...

SVG a WWW - przykład

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.

<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.

WWW VideoSzerokie ekrany

Comments

avatar
Google Reader wyświetla czerwoną buźkę :wink:

By grizzly3, # 9. April 2007, 18:07:04

avatar
To zgłoś błąd do Google. :)

By Big_Z, # 9. April 2007, 19:03:30

avatar
Może by tak dla mniej zaawansowanych webmasterów podać we wpisie odpowiedni kod wyswietlania odpowiedniego pliku na podstawie mozliwosci przegladarki? Byłoby wygodniej niż zaglądanie w kod storny :smile:

By wilk, # 9. April 2007, 19:08:01

avatar
Z ciekawości obejrzałem to w Firefoksie 1.5: nie wyświetliła się żadna buźka :-o

By hodowca, # 9. April 2007, 20:34:19

avatar
Dziwne... W moim Firefoksie działa (1.5.0.10 Fedora Core 6).

Dodałem kod zastosowany na tym blogu. W przygotowaniu mam też wersję z komentarzami warunkowymi.

By Big_Z, # 9. April 2007, 21:14:15

avatar
E, jakiś niepoprawny alt masz w tym obrazku. Przecież buźka jest uśmiechnięta i do tego nie ma oczu-kresek, tylko oczy-kropki P:

By Zajec, # 9. April 2007, 21:52:46

avatar
Kolo Meleon zalicza test. :smile:

By Jurgi, # 9. April 2007, 21:54:22

avatar
Alt jest poprawny. Musi gorzej wyglądać od buźki z png, która gorzej wygląda ob buźki z svg, która gorzej wygląda od buźki z svgz.

By Big_Z, # 9. April 2007, 22:26:41

avatar
Zrobiłem pełniejszą prezentację, z komentarzami warunkowymi, na innej stronie.
<http://michas.eu/tests/svg.html>

By Big_Z, # 10. April 2007, 12:33:07

avatar
z ciekawostek: operowy czytnik rss wyswietla czerwona buzke, dopiero jak zaalarmowany wszedlem na te strone pokazal mi sie zolty usmiech.

By GrLT, # 10. April 2007, 14:28:01

avatar
Konqueror 3.5.6 oblał test :-/
Pokazuje tylko biały kwadrat...

By thm, # 10. April 2007, 16:30:15

avatar
Mój Konqueror 3.5.6 zadziałał dobrze... Móje Operowy czytniki RSS i Atom też zadziałały dobrze...

By Big_Z, # 10. April 2007, 23:24:11

avatar
dziwne... kiedy pobieram rss bezposrednio z Twoje bloga buzka jest zolta, ale kiedy pobieram przez Planete Opery wtedy jest czerwono :frown:
zaktalizowalem sie juz do opery 9.2 ale bez zmian...

By GrLT, # 11. April 2007, 12:31:20

avatar
No to trzeba zgłosić błąd. Kolejny czytnik feedów wycina pewne znaczki.

By Big_Z, # 11. April 2007, 12:43:06

avatar
Czas na test SVG w tagu IMG... :smile:
"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

avatar
Może masz rację...

By Big_Z, # 14. October 2007, 20:22:14

Write a comment

You must be logged in to write a comment. if you're not a registered member, please sign up.

July 2008
SMTWTFS
June 2008August 2008
12345
6789101112
13141516171819
20212223242526
2728293031