Webová aplikácia v SVG, problémy s výkonom a životaschopnosť - webové aplikácie, html5, plátno, svg

Sme nový startup, ktorý vyviniewebová aplikácia pre módny priemysel. Rozmýšľali sme, že pôjdeme s plátnom (netrápi ich podpora IE), ale teraz, po prečítaní o Raphaeljs a jQuerySVG, nás zaujímajú možnosti zostavenia celého rozhrania a jednotiek v SVG.

Tu ma napadajú výhody:

• rozlíšenie nezávislé
• schopnosť zväčšiť položky a zachovať tvar a vzhľad
• optimalizácia prehľadávačov sa blíži
• keď nemusíme všetko kresliť na plátno, môžeme na nakreslenie jednotiek (položiek) použiť súradnice
• nie je potrebné sa učiť XML; ľahké sa naučiť a používať?
• SVG je dosť široký, takže by mal pohodlne manipulovať s rôznymi tvarmi dizajnu
• rovnako ako plátno, môžeme okrem SVG používať aj funkcie HTML5 a CSS3 (drag & n drop, pokročilé efekty CSS3), dokonca aj jquery efekty
• keďže nebudeme využívať žiadne zložité vykreslenie 3d, pravdepodobne by nemal existovať príliš vysoký výkon s vektormi na celú obrazovku?

Boli by sme radi, keby ste počuli vaše komentáre založené na minulých skúsenostiach, pokiaľ ide o životaschopnosť použitého SVG na vykreslenie celej webovej aplikácie.

Pozerali sme sa na plátno takmer dva týždne a sme presvedčení, že z neho dokážeme vyťažiť všetky naše potreby, ale ak to dokáže aj SVG, bolo by to úžasné a skutočne preferované (?).

na zdravie

odpovede:

Niektoré netriedené potraviny na zamyslenie:

Plátno je iba bitmapa.Pri vykresľovaní veľkého množstva objektov je to rýchlejšie. Na druhej strane SVG musí udržiavať odkazy na každý objekt, ktorý vykresľuje a výrazne spomaľuje s hromadou objektov.

... ale tieto odkazy znamenajú, že časť práce s vecami, ktoré kreslíte, je vykonaná za vás. A SVG je rýchlejší pri vykresľovaní skutočne naozaj veľkých objektov.

SVG však zaznamenala horšiu adopciu ako Canvas. Ale prehliadače už majú oba, takže predpokladám, že tam nevidím veľa starostí.

Na plátne by hra bola pravdepodobne rýchlejšia. Obrovský mapový program by bol v SVG pravdepodobne rýchlejší.

Niektoré optimalizácie prehľadávača pre Canvas sú tu. Minulý týždeň sa uskutočnil debut hardvérovej akcelerácie prehliadača Chrome 7.0. Ukážka IE9 a Opera už tiež majú hardvérové ​​zrýchlenie (nepamätám si FF).

Plátno je stále veľmi živým špecifikom (MeasureText vracia šírku, ale nie výšku!), Ale doteraz som s ním rád pracoval.

Používam SVG pre jednoduché logá a ikony a jedinéproblémom je chyba webkitu, ktorá sa týka toho, že pozadie sa vykresľuje ako biele namiesto priehľadného, ​​ako to robia iné prehľadávače. Na pomalom stroji som si všimol, že pri prvom vykreslení blikalo sedem objektov, jeden po druhom, ale neviem, či niečo nerobím zle.