Döntetlen grafika javascript, java script, cikk, programozás - programozás C,

ctx.fillStyle = "RGB (200,0,0)";
ctx.fillRect (10, 10, 55, 50);

ctx.fillStyle = "RGBA (0, 0, 200, 0.5)";
ctx.fillRect (30, 30, 55, 50);
>







A példa venni a leírást a Mozilla Developer Center.
Több ideges, hogy a natív támogatásával ez az elem csak Opera 9, Firefox 1.5 és Safari 2. IE és a 2. és a 7. a szokásos módon megelőzve a többi.
A helyzet jött a mentő írásbeli emulációs réteg az elem az IE keresztül VML.

• ExplorerCanvas - réteg végrehajtásának Google. Támogatja szinte az összes funkciót, amely automatikusan javítja összes tag dokumentálja a módszereket. Ez elég ahhoz, hogy csatlakoztassa a könyvtár, és semmi mást nem különösebben aggódik.
  
• MooCanvas - ugyanaz ExplorerCanvas, de a verzió rajongóinak MooTools. Ellentétben az előző, ez nem a dokumentumba ágyazott automatikusan, és előírja, hogy hozzanak létre egy elem révén DOM: window.onload = function () var c = new Canvas (id: „vászon”
  szélesség: 500
  magasság: 500>);
  c.inject (document.body);
  >
  
• IECanvas - az ő verzióját Emil Eklund. Nem támogatja az összes funkciót, és lassabb, mint a korábbiak.
  

Tehát alapvetően, a probléma nagyon is valós.

Végül néhány érdekes referenciaértékeket. Tettem magát, így előfordulhat, hogy egyes iskolákban, de a tendencia még mindig ott van (összes ezredmásodperc):

Polygon a 300 random csúcsokat

200 500 pixel sugara körök

400 kép 100x100 átláthatóság nélkül
(IECanvas nincs itt, mert nem támogatja a drawImage)

400 100x100 képek átláthatóság

Programozás kezdőknek.