Малюємо графіком через javascript, java script, статті, програмування - програмування 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);
>







Приклад взятий з опису на Mozilla Developer Center.
Кілька засмучує те, що нативна підтримка цього елемента є тільки в Opera 9, Firefox 1.5 і Safari 2. А IE і 6-ий, і 7-ий як зазвичай попереду планети всієї.
Ситуацію рятують вже написані шари емуляції цього елемента для IE через VML.

• ExplorerCanvas - реалізація шару від Гугля. Підтримує практично весь функціонал, автоматично розширює все теги документа своїми методами. Тобто досить підключити бібліотеку і більше ні про що особливо не турбуватися.
  
• MooCanvas - той же ExplorerCanvas, але у варіанті для любителів MooTools. На відміну від попереднього, не вбудовується автоматично в документ, а вимагає створення елемента через DOM: window.onload = function () var c = new Canvas (id: 'canvas',
  width: 500,
  height: 500>);
  c.inject (document.body);
  >
  
• IECanvas - свій варіант від Emil Eklund. Може не підтримувати деякі функції і працює повільніше, ніж попередні.
  

Так що в принципі, завдання стає цілком реальною.

Наостанок, кілька цікавих бенчмарков. Робив сам, тому можливі якісь косяки, але тенденція все одно спостерігається (все в мілісекундах):

Полігон з 300 випадкових вершин

200 кіл радіусом 500 пікселів

400 картинок 100х100 без прозорості
(IECanvas тут немає, тому що він не підтримує drawImage)

400 картинок 100х100 з прозорістю

Програмування для чайників.