Skocz do zawartości

pierwsze kroki z svg

Dominik23

Przez Dominik23
w HTML i CSS

Rekomendowane odpowiedzi

Dominik23 Newbie

Dominik23

Opublikowano
Opublikowano

Witam. Ponoć SVG działa z xhtml. Chce zacząć się uczyć tego języka aby móc wykorzystywać jego elementy na stronach www.

Ale jak próbuje go osadzić z xhtml-em to nic nie widać.

Przykład index.html:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">

<head>

 <title>strona</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="title" content="strona" />
<meta http-equiv="Pragma" content="cache" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="ROBOTS" content="index, follow" />
</head>
<body>
<svg width="4in" height="3in">
<desc>Liniowy gradient
</desc>
<g>
<defs>
<linearGradient id="MyGradient">
<stop offset="0%" style="color:#F60"/>
<stop offset="70%" style="color:#FF6"/>
</linearGradient>
</defs>
<rect style="fill: url(#MyGradient)" width="20" height="15.8"/>
</g>
</svg>

</body>
</html>

Pojawia mi sie napis: Liniowy gradient

W przypadku gdy umieszczam sam kod svg

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG December 1999//EN" 
"https://www.w3.org/Graphics/SVG/SVG-19991203.dtd">
<svg width="4in" height="3in">
<desc>Liniowy gradient
</desc>
<g>
<defs>
<linearGradient id="MyGradient">
<stop offset="0%" style="color:#F60"/>
<stop offset="70%" style="color:#FF6"/>
</linearGradient>
</defs>
<rect style="fill: url(#MyGradient)" width="20" height="15.8"/>
</g>
</svg>

To samo, dlaczego grafika się nie wyświetla??

Od czego zacząć i co robie źle??

Witryna Biznesu - najlepsza promocja biznesu w sieci.

Odnośnik do komentarza
Udostępnij na innych stronach
slawek22 Newbie

slawek22

Opublikowano
Opublikowano

Temat dość stary (początek 2006), mamy 2008 i nic się nie zmieniło.

Rozwój WWW jest zbyt wolny, zasługa microsoftu. Na dzień dzisiejszy nie warto się zajmować czymś takim jak SVG. Wektorówki bardzo dobrze się kompresują w PNG programami takimi jak pngcrush albo optipng. Opera i FF to obsługują (podobno) ale kogo to obchodzi? FF obsluguje też np. XHTML tylko, że nie najlepiej. Jak tak samo wygląda obsługa SVG to ja dziękuję :)

Zamiast zajmować się głupotami w stylu "czy ten obrazek zajmnie 3kb czy 900bajtów" lepiej wywalić ze strony tabele i pozbyć się XHTML, bo i tak prędzej czy później trzeba będzie to zrobić albo napisać stronę od nowa.

Wysyłanie komuś obrazka w applecie javy który zajmuje kilkadziesiąt MB pamięci operacyjnej i muli stronę to jakieś kosmiczne nieporozumienie. Flash :rolleyes: pomysł jeszcze bardziej genialny. Większą głupotą byłoby chyba tylko zrobienie z takiej wektorówki 2 minutowego filmu w formacie WMV i osadzenie media playera na stronie ;) sorry, pomyłka jeszcze "lepszy" pomysł to instalacja serwera javy żeby wygenerować parę png'ów. Wiem, że można. Tak samo da się wziąć czołg i jechać nim po chleb do pobliskiego marketu bo można więcej zapakować do "bagażnika", zależy jakie optymalizacje kto lubi.

Takie czary robiło się 20 lat temu... wtedy się wstawiało na site zajebiaszcze menu w aplecie, bo mrygało fajniej niż gif ;) Trzeba poczekać aż ms łaskawie doda SVG do IE8 a potem jeszcze z 2 lata aż ludzie się przesiądą na nową przeglądarkę. Przy obecnym tempie prac microsoftowych programistów jeśli chodzi o web obstawiam popularyzację SVG ~ 2014.

Poza tym ani tego na tło nie ustawisz (bo jak), ani zapisać czegoś takiego nie można. Linku raczej też z tego nie zrobisz, o imagemaps zapomnij. Skalować też nie poskalujesz bez utraty jakości. Bo przesyłasz jako bitmapę/aplet. Chyba, że chcesz pisać stronę 2 razy. Dla obrazków SVG na firefoxie i dla apletu / flasha pod IE.

Powiesz, że można plugin wrzucić ;) Świetnie. Userzy o niczym innym nie marzą jak instalacja jakiegoś bloat-malwaro-activeXa :) Już widzę jak statystyczny user będzie instalował pluginy albo ściągał przeglądarkę, żeby sobie pooglądać obrazki - jak zobaczy, że coś mu się chce zainstalować to 5 sekund później wróci do wyszukiwarki.

Jeszcze taki tips, że IE nie obsługuje XHTML, więc w tym też nie warto nic robić. IE jest spóźniony o jakieś 5-10 lat, niestety 50% www to IE. Albo piszesz nowocześnie albo mówisz 50% userom do widzenia. A teraz co zyskasz:

XHTML vs HTML: NIC (i dużo tracisz, bo XHTML to jest język dla aplikacji a nie pod web)!

PNG vs SVG: parę kilobajtów przy pierwszym załadowaniu strony.

Chyba, że mówimy o jakichś specjalistycznych zastosowaniach, np. mapy - ale coś mi się zdaje, że nie mówimy ;)

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności