" />

Desenăm grafica prin javascript, java script, articole, programare - programare 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);
>







Exemplul este preluat din descrierea din Centrul de dezvoltatori Mozilla.
Oarecum supărătoare sprijinul nativ pentru acest element este numai în Opera 9, Firefox 1.5 și Safari 2. Și IE și a șasea, și a cincea, ca de obicei înainte de întreaga planetă.
Situația este obținută prin straturile deja emulate emise de acest element pentru IE prin VML.
  • ExplorerCanvas - implementarea stratului de la Google. Suporta aproape toate funcționalitățile, extinde automat toate etichetele document prin metodele sale. Adică este suficient să conectați biblioteca și să nu vă îngrijorați de nimic altceva.
  • MooCanvas - același ExplorerCanvas, dar în versiunea pentru fanii MooTools. Spre deosebire de cel precedent, acesta nu se integrează automat în document, însă necesită crearea unui element prin DOM: window.onload = funcția () var c = new Canvas (id: 'canvas'
    lățime: 500,
    înălțime: 500>);
    c.inject (document.body);
    >
  • IECanvas - versiunea proprie a lui Emil Eklund. Nu suportă toate funcțiile și funcționează mai încet decât cele anterioare.

Deci, în principiu, sarcina devine reală.

În cele din urmă, câteva repere interesante. Am facut-o eu, deci sunt posibile cateva jamburi, dar tendinta este inca observata (toate in milisecunde):

Un poligon cu 300 de noduri aleatorii

200 cercuri cu o rază de 500 de pixeli

400 imagini 100x100 fără transparență
(IECanvas nu este aici pentru că nu suportă drawImage)

400 imagini 100x100 cu transparență

Programare pentru manechine.