Графика в WEB

Материал из Вики проекта PascalABC.NET
Перейти к навигацииПерейти к поиску

HTML-элемент Canvas

Новый HTML-элемент canvas позволяет программировать графику в браузере http://wiki.linuxformat.ru/index.php/LXF94:Графическое_web-приложение

Что такое Canvas http://www.linkexchanger.su/2009/86.html и как заставить его работать в IE

Здесь есть сравнение производительности canvas и SVG http://webo.in/articles/all/2009/23-using-canvas/

Про тег html canvas - 2 http://black-zorro.com/mediawiki/%D0%9F%D1%80%D0%BE_%D1%82%D0%B5%D0%B3_html_canvas_-_2

Здесь есть функция, очищающая canvas http://fastcoder.org/articles/?aid=181

Графические JavaScript библиотеки

1. jsDraw2D : 2D Graphics Library for JavaScript (~66Кб) [1]. Популярная кросс-браузерная библиотека 2D графики. Имеются все основные графические примитивы, такие как drawRectangle, drawCircle, drawEllipse и т.п. Поддерживает все современные веб-браузеры. Выполнение может отличаться в различных браузерах. Тестирована в IE 7, Mozilla Firefox 3, Google Chrome, Opera 9.64 и Safari 4 под Windows XP.

2. JSXGraph — кросс-браузерная Javascript-библиотека для интерактивной геометрии, построения графиков функций и визуализации данных.[2] или [3] Использует SVG и VML. Поддерживаются все основные на рынке браузеры: Internet Explorer, Mozilla Firefox (и все на Gecko), Opera, Safari (и все на основе Webkit), хотя с Internet Explorer все еще отмечаются некоторые проблемы. JSXGraph, как заверяет автор, легко внедрять, а ее отпечаток мал: 50 килобайт (автор, правда, скромно умолчал о том, что библиотека зависит от Prototype). Никакие дополнительные плагины не нужны. Документация находится по адресу http://jsxgraph.uni-bayreuth.de/wiki/index.php/Documentation

3. http://billmill.org/static/canvastutorial/color.html Поддерживается относительно поздними версиями браузеров Firefox, Safari или Opera, не поддерживается браузером Internet Explorer.

4. wz_jsgraphics.js [4] Ну очень простая библиотека.

5. http://craic.com/ortho/ortho_introduction.html

6. Пиксельная графика. [5]. В Firefox 3.0.12 странно отображается canvas (через строчку).

7. Processing.js Красиво, но работает не во всех браузерах. [6]

Другие ссылки