svg vs browser

Azon gondolkodtam, hogy html5 ide canvas és webgl oda, milyen szép is hogy lehet javascripttel eseményeket mahinálni és DOM-ként kezelni egy vektorgrafikát a böngészőben, szép kis GUI-t lehetne összerakni browserfüggetlenül, szépen, szabványosan, és még talán hasonlóan is jelenik meg mindenhol.

Ez talán mind igaz. De hogy a sebességben ekkora különbség legyen... http://bl.ocks.org/1296930

5000 szakasz rajzolása ennyi ideig tart (sec) (oké, a teszt random, de 10 futtatás után is ez az arány.) 


Opera 12         29
Chromium       1269
Firefox 14.0a1 3123

( Zokomov | 2012. 04. 03., k – 19:12 )

Az Opera alatt a sebességre mentek SVG renderelésnél, nem a használhatóságra.

http://hoffmann.bplaced.net/opera/

Ha már path benchmark akkor érdemes megnézni ezt a path rendert Firefox és Opera alatt.

http://hoffmann.bplaced.net/opera/pathrender02.svg

http://hoffmann.bplaced.net/opera/#b2009061401
http://hoffmann.bplaced.net/opera/#b2007092601
http://hoffmann.bplaced.net/opera/#b2007092201
http://hoffmann.bplaced.net/opera/#b2006012401

"még talán hasonlóan is jelenik meg mindenhol"

Opera alatt nem.

na, patkolnak azért rajta, ne aggódj. :)

http://my.opera.com/desktopteam/blog/2012/04/03/hwa-updates-and-opera-c…

  • CT-1778 [HWA] SVG radial gradients are rendered incorrectly
  • CT-1327 [HWA] SVG mask transparency doesn't work
  • CT-1287 [HWA] Partially repeating patterns don't work on canvas
  • CT-1749 [HWA] Clipping text is broken in canvas
  • CT-1760 [HWA] Box-shadow fails with hardware accerlation if blur distance covers entire box
  • CT-1762 [HWA] Some SVG color filters in combination with gradients do not work correctly
  • CT-1772 [HWA] SVG with clipPathUnits="userSpaceOnUse" is clipped incorrectly
  • CT-1816 [HWA] Background image rendering errors on body background (dilbert.com)
  • CT-1933 [HWA] SVG masking doesn't work correctly
  • CT-1677 [HWA] Black antialiasing with hardware back end
  • CT-2082 [HWA] Garbage is painted when radial gradient is used as background-image
  • CT-1827 [HWA] Non-repeating background image bleeding when zoom > 100% on Linux/FreeBSD
  • CT-1929 [HWA] Radial gradient animation flickers
  • CT-2004 [HWA] Transformed border-image is clipped incorrectly
  • CT-2092 [HWA] -o-crisp-edges broken
  • CT-2104 [HWA] SVG masking can fail on graphic cards with low multisampling quality
  • CT-2283 [HWA] Plugins with wmode="opaque" or wmode="transparent" are not displayed
  • CT-1878 [HWA] SVG polyline with stroke-width="0.1" is not displayed
  • CT-1753 [HWA] Blending issues when using gradient stroke in SVG

( mogorva v | 2012. 04. 03., k – 20:43 )

A netbookomat (Asus Aspire One) FF11 alatt szénné hajszolja, le is lőttem a tesztet :/

( useless | 2012. 04. 03., k – 20:52 )

iPhone 3GS-en iOS 5 alatt Safariban átlagban 10-11,5 másodperc alatt végez. :)

all resistance is useless

( cabal v | 2012. 04. 04., sze – 09:50 )

Millisecundum lesz az.

Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/535.11 (KHTML, like Gecko) Chrome/17.0.963.56 Safari/535.11

5000 1094 128

"A +1 az a proletárlájk."

( KAMI911 v | 2012. 04. 04., sze – 18:25 )

Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:13.0) Gecko/20120327 Firefox/13.0a2
HW gyorsítás kikapcsolva
5000 2576 206
HW gyorsítás bekapcsolva
5000 2421 231

Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/535.19 (KHTML, like Gecko) Ubuntu/12.04 Chromium/18.0.1025.142 Chrome/18.0.1025.142 Safari/535.19
5000 1920 320

Mozilla/5.0 (X11; Linux i686 on x86_64; rv:11.0) Gecko/20120307 Firefox/11.0 SeaMonkey/2.8
5000 39566 3991

KAMI | 神
--
Támogatás | OxygenOffice | Fordításaim és SeaMonkey