Starší komentáře ke článku: Kurz SVG - DOM a JavaScript při programování animací
Zpět na článek | Úvodní stránka Interval.cz
Datum vložení: 24.11.2004 7:01:58
at jsem se snazil jak jsem chtel, nepodarilo se mi nijak rozchodit prohlizeni SVG ve FF na widlich, nebyl by nejaky link?
Datum vložení: 24.11.2004 7:43:18
Po instalaci Adobe SVG vieweru zkopírujte <B>NPSVG6.zip</B> a <B>NPSVG6.dll</B> z adresáře
<B>C:\Program Files\Common Files\Adobe\SVG Viewer 6.0\Plugins</B> do <B>C:\Program Files\Mozilla Firefox\plugins</B>
Datum vložení: 12.12.2004 17:26:23
Hezký seriál, nicméně zde demonstrované věci MSIE zvládá už přes pět let, jak ve 2D, tak ve 3D a zcela nativně, s HW akcelerací, bez podpory ActiveX a pluginů třetí strany (a troufám si říci, že podstatně efektivněji, co se výkonu týče). Podporuje také integraci DHTML+TIME (SMIL animace, podle W3C), multimediální filtry a transformace a celou řadu dalších rozšíření, kterými kterýkoliv browser strčí do kapsy.
Pokud bude mít redakce Intervalu zájem (viz e-mail), můžu na to konto připravit libovolně rozsáhlý blok tutoriálů - jiná věc je, že se tyto věci na webu mezi vývojářskou komunitou bez podpory vývojového prostředí jako je Macromedia Flash samy o sobě těžko prosadí. To platí jak o SVG, tak VML, DirectAnimation a dalších technologiích. SW firmy jsou dnes díky konkurenci nuceny weby sekat jako baťa cvičky - na podobné hračičky nejsou peníze ani využití.
<a href='http://interval.cz/__redirect/redirect.asp?what=interval_discussion&url=http://vbnet.aspweb.cz/msie/cradle.htm' target='_blank'>http://vbnet.aspweb.cz/msie/cradle.htm</a>
<a href='http://interval.cz/__redirect/redirect.asp?what=interval_discussion&url=http://vbnet.aspweb.cz/msie/sound.htm' target='_blank'>http://vbnet.aspweb.cz/msie/sound.htm</a>
<a href='http://interval.cz/__redirect/redirect.asp?what=interval_discussion&url=http://vbnet.aspweb.cz/msie/tree.htm' target='_blank'>http://vbnet.aspweb.cz/msie/tree.htm</a>
<a href='http://interval.cz/__redirect/redirect.asp?what=interval_discussion&url=http://vbnet.aspweb.cz/msie/vml.htm' target='_blank'>http://vbnet.aspweb.cz/msie/vml.htm</a>
Datum vložení: 12.12.2004 17:46:35
Vážený "zephire", redakce Intervalu vám děkuje za vaši velkorysou nabídku, nicméně VML už jsme se věnovali a momentálně nepociťujeme potřebu se v této oblasti dále angažovat ;-)
Datum vložení: 12.12.2004 20:53:16
Tak předně, moje nabídka nebyla vůbec velkorysá - nejsem totiž Matka Tereza. A pokud máte pocit, že s SVG zvládnete totéž, nikdo Vám Vaše představy vyvracet nehodlá.
Je toho možná ještě hodně, co o technologiích MSIE nevíte...;-)
<a href='http://interval.cz/__redirect/redirect.asp?what=interval_discussion&url=http://zephir.wz.cz/panorama/panorama_new.htm' target='_blank'>http://zephir.wz.cz/panorama/panorama_new.htm</a>
Datum vložení: 14.12.2004 17:02:32
Víte, možná víme více než si myslíte. Osobně jsem se zajímal poměrně do hloubky i o VML:
1. problém číslo 1 je že všechny ty krásné věci jsou pouze IE+WIN (VML, včetně MS filtrů atp.) -- teď zrovna nemám v práci na Macu vůbec šanci prohlédnout si Vaše odkazované ukázky (ani MAC IE 5 ani NS / Mozilla, prostě nic) -- a na PC má IE podle nejnovějších průzkumů cca 90%. Takže i přesto že je MS VML nativní a skutečně dobře výkonově vyladěno, není mi k ničemu, jelikož není dostupné pro všechny :-(
2. možná se budete divit, ale SVG umí (nejen z grafického hlediska) podstatně více než VML (stačilo by si projít titulky kapitol v našem SVG kurzu, nebo třeba úvodní články SVG série na Intervalu - a to jsme se nedostali třeba ještě k filtrům...)
3. možná se budete rovněž divit, že když si otevřu v Mozille odkaz z vašeho textu, tak vidím moc hezký bílý obdélník ;-)
Datum vložení: 16.6.2005 19:22:36
Musim Vam nesmirne podekovat za tento clanek, v nemz jsem nasel v prikladu s broukem tento radek: "var ctrl = evt.target.id;", ktery mi vyrazne zkrati cely kod. Potreboval jsem prave id objektu, ktery vola script. Pracuji na interaktivni statisticke mape a s SVG, DOM, a JavaScriptem teprve zacinam. Je to pro mne trosku hokej a Vas clanek pro mne byl vyvrcholenim dvoudenniho zoufaleho hledani a zamotavani se do specifikaci vsude na netu. Pokracujte dale, prave jste ziskali dalsiho ctenare, ktery bude tuto rubriku pozorne sledovat. Drzim palce a tesim se na dalsi dil;-)
Datum vložení: 6.2.2006 23:55:06
aby si to mohl prohlédnout i uživatel firefoxu, pak stačí malá úprava (včetně běhu ručiček): * rozbalit svgz * změna 'svg onload="document_loaded(evt)"' * změna textu v sekci CDATA: function document_loaded() { window.setInterval("nastav_hodiny()",250); } function nastav_hodiny() { var cas = new Date(); var sek = cas.getSeconds(); var min = cas.getMinutes() + sek/60; var hod = cas.getHours() + min/60; //nastavi aktualni cas (rotaci rucicek) document.getElementById("second_hand").setAttribute('transform', 'rotate(' +(sek*6)+ ' 155 215)'); document.getElementById("minute_hand").setAttribute('transform', 'rotate(' +(min*6)+ ' 156 156)'); document.getElementById("hour_hand").setAttribute('transform', 'rotate(' +(hod*30)+ ' 156 156)'); } no jo, ale engine mi rozhodil text co jsem napsal ... možná se snaží bránit škodlivému kódu - smůla
Datum vložení: 7.2.2006 7:49:23
Příště zkuste nedělitelné mezery. Ty obyčejné, jak známo, prohlížeče redukují ;-)
Datum vložení: 7.2.2006 10:19:20
mezery nejsou podstatné, vyházelo mi to apostrofy a uvozovky (resp. pozměnilo text)
Datum vložení: 7.2.2006 15:12:59
Hm, to je možné, pokud je text příliš dlouhý - neobsahuje v sobě žádné znaky umožňující prohlížeči řádkový zlom. To není žádná zlomyslnost enginu, jen ochrana před zlomyslností čtenářů, kteří se tímto způsobem v minulosti pokoušeli rozbořit diskusi k nečitelnosti. Nicméně v náhledu máte možnost vidět výsledné zobrazení, takže si to můžete otestovat...
Datum vložení: 12.4.2007 15:01:11
Dobrý den, Rád bych věděl, zda můžu volat JS funkce umístněné v SVG(v sekci CDATA) z HTML stránky? Naopak volat fce umistněné v HTML lze z SVG objektu snadno: parent.JSFunkce(); přikládám testovací příklad(jedná se o dva soubory): 1.svg: <?xml version="1.0" encoding="utf-8" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="720px" height="480px" x="100" y="100" xmlns="http://www.w3.org/2000/svg" version="1.1"> <script type="text/ecmascript"> <![CDATA[ var refresh = 2000; function SVGfunction(txt){ alert("alert:" + txt); } ]]> </script> <title>E</title> <g id="sloupce" transform="translate(720 480) rotate(-180) scale(1 1)"> <rect id='sl1' x="1%" y="3%" width="5%" height="84%" rx="1" ry="1" fill="green" stroke="purple" stroke-width="3" /> </g> <rect x="5" y="5" width="99%" height="99%" fill="none" stroke="blue" stroke-width="2"/> </svg> 2.html: <html xmlns:svg="http://www.w3.org/2000/svg"> <head> <script> function callSVG(txt){ var S=document.getElementById("svgEmis") var SD=S.getSVGDocument(); SD.SVGfunction(txt); /*E=SD.getElementById('sl1'); alert(E.getAttribute("x"));*/ } </script> <body> <div> <embed id="svg" src="example.svg" width="100%" height="100%" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" /> </div> <div id='speed' onclick='callSVG("Hello")' style='background-color:red;position:absolute; top:550px'> click me! </div> </body> </html> Lze zavolat funkci SVGfunction(txt)? Díky za případnou pomoc pomoc
Datum vložení: 13.4.2007 18:11:56
Mrknu se na to, ale bylo by fajn vědět jaký používáte konkrétní browser - příp. plug-in? Díky za info.