Лабораторная работа №1 (проектный практикум).
Разработка веб-системы для построения графиков математических функций

Задание

В стандарте HTML5 описан элемент canvas, позволяющий, среди прочего, строить графические изображения произвольного вида на холсте браузера. Поддержка данного элемента обеспечивается всеми современными браузерами, в том числе IE 9+.

Пользуясь спецификацией HTML5 (http://www.w3.org/TR/html5/scripting-1.html#the-canvas-element, http://www.w3.org/TR/2dcontext/), документацией по элементу canvas (напр. http://www.w3schools.com/tags/ref_canvas.asp, http://www.w3.org/wiki/HTML/Elements/canvas) и приведенным ниже примером построения координатной сетки, разработайте веб-систему для построения на холсте графиков функций. В приведенном примере размер холста по Y соответствует двум математическим еденицам, по X - восьми математическим еденицам, а центр координат находится в центре холста.

Веб-система должна содержать поля, позволяюжие управлять: масштабом холста по Y (изначально = 1), масштабом холста по X (изначально = 4), выбором математической функции (поддержка y=x2, y=x3, y=sin(x), y=cos(x), y=sin(x)*cos(x)*ln(|x|)), возможностью самостоятельного ввода формулы функции, заданием цвета для самостоятельно введенной функции. Управление системой должно быть реализовано кнопками "Построить график выбранной функции", "Построить график пользовательской функции", "Очистить холст".

Пример построения координатной сетки (см. исходный код страницы):

Ваш браузер не поддерживает тег canvas стандарта HTML5.

Графики заданных функций: