ugrás a tartalomhoz

Mi különbség van a canvas és az SVG között?

sanyoo · 2008. Júl. 19. (Szo), 10.55
Mi a nagy különbség a canvas elem és az SVG között?
Az oké hogy a SVG vektorgrafikus, míg a canvas pixelgrafikus. Illetve a canvasról olvastam hogy "weblap képe elkapható képként", amit hasznos fícsörnek találok.

De melyiket kezelik egységesebben a böngészők? És gyorsabban?
Melyiket egyszerűbb programozni? - Az SVG -ét a vektorgrafika miatt.?
Melyikben lehet több mindent megcsinálni? Olyat amit a másikban nem vagy csak nagyon gányolva. (Egyrészt alapdolgokra gondolok: kör, árnyék, fények, kontraszt, színek... Másrészt pl. a canvasban a "képernyőfotózás")
Legjobb kérdés: melyik lesz a jövő? :)

Érdekel minden amit akár tapasztalati, akár elméleti szinten tudtok a témáról.
 
1

Canvas

vbence · 2008. Júl. 21. (H), 11.04
Az SVG-vel nem nagyon foglalkoztam, a készülő HTML5 szabvány a Canvast fogja támogatni. Jelenleg kisebb-nagyobb különbségekkel megtalálható a Sarafiban, Firefoxban, Operában. Létezik canvas emuláció IE számára SVG alapokon.

De ha érdekel a téma, miért nem próbálod ki magad, és gyártasz egy kompatibilitás-táblázatot, nekünk, hogy melyik böngésző pontosan mit támogat? :)
3

Szomorú

zila · 2008. Júl. 21. (H), 11.21
Én mondjuk örülnék ha sima képként tudnék svg-t is használni ahogy mostanság a jpg, gif, png képeket: <img src="vektor.svg" ...>

Az sem szép szerintem, hogy fogok egy canvast és arra renderelek egy svg képet->ágyúval verébre...
5

Safari3, FF3, IE7 tudja

vbence · 2008. Júl. 21. (H), 11.50
Ahogy kipróbáltam, a wikipedia oldaláról szépen betöltik az example.svg-t....
6

Köszi

zila · 2008. Júl. 21. (H), 11.53
Na ennyire vagyok naprakész :))
7

én így tudom..

sanyoo · 2008. Júl. 21. (H), 14.43
"Létezik canvas emuláció IE számára SVG alapokon."
-én úgy tudom hogy VML alapokon létezik a canvas emuláció ie6 alatt. Canvas támogatás Internet Explorerben? Ie6 az SVG se támogatja.

egyébként a böngésző megvalósításokat így tudom:
ie6: vml
Ie7: svg, canvast, vml
firefox2, firefox3: svg, canvas
opera9: svg, canvas (pontosan: svg canvas)
safariról nem tudok nyilatkozni

zila 2. hozzászólására:
vbence nek igaza van, nem mint formátum érdekel. Hanem hogy a böngésző alapon melyikből lehet többet és könnyebben kihozni.
zila 3. hozzászólására:
"..fogok egy canvast és arra renderelek egy svg képet.."
canvast nem "renderelik"?
8

Explorer nem tudja natívan egyiket sem

attlad · 2008. Aug. 4. (H), 23.08
Tudtommal az Explorer sem a canvas elemet sem SVG-t nem támogatja natívan és a 8-as verzióban sem fogja. A canvas elemre VML alapú emuláció van, az SVG-re meg az Adobe SVG Viewer plugin, ez utóbbi támogatása 2009-től megszűnik az Adobe részéről. A Microsoft a Silverlightot nyomja ezen a területen, szóval az SVG támogatás hiánya stratégiai döntés is lehet.

A többi böngésző (Firefox, Opera, Safari) különbségekkel és nem is teljesen, de mind az SVG-t, mind a canvas elemet támogatja natívan.

Szerintem a canvas elemet használhatod és valószínűleg egyre jobban támogatottabb lesz, ha meg vektoros cucc kell akkor használj Flasht.
9

Canvas Gears-zel

Török Gábor · 2008. Aug. 5. (K), 08.46
Továbbá a canvas emulálható valamennyi böngészőben a Gears segítségével.
2

Alma és krumpli

zila · 2008. Júl. 21. (H), 11.18
Az SVG egy vektorgrafikus képformátum, a canvas pedig egy html tag, ami lehetővé teszi, hogy scriptek segítségével rajzolj rá bitmap képeket.
4

Öhm..

vbence · 2008. Júl. 21. (H), 11.44
Szerintem a kérdező a két kapcsolódó APIra kíváncsi, nem az SVG, mint formátum érdekli.
10

SVG + JavaScript = Blobular

Joó Ádám · 2008. Aug. 9. (Szo), 17.22
http://www.themaninblue.com/experiment/Blobular/