Здравствуйте.
Недавно занялся изучением методов рисования на холсте и на данном этапе столкнулся со следующим вопросом:
Допустим есть такой код:
function draw(){
var canvas = document.getElementById('tutorial');
if (canvas.getContext){
var ctx = canvas.getContext('2d');
// Пример использования квадратичных кривых
ctx.beginPath();
ctx.moveTo(75,25);
ctx.quadraticCurveTo(25,25,25,125);
ctx.quadraticCurveTo(25,100,50,100);
ctx.fillStyle="brown";
ctx.fill();
ctx.beginPath;
ctx.moveTo(85,25);
ctx.quadraticCurveTo(75,25,70,120);
ctx.quadraticCurveTo(70,120,60,100);
ctx.fillStyle="green";
ctx.fill();
}
}
Как это выглядит можно увидеть по следующему адресу:
http://webmaster.ayrveda.ru/lessonCa...anvas_moz.html
Как видим есть 2 разные фигуры, которые находятся в разных контурах.
Вопрос:
Почему каждый из контуров имеет цвет 2-го контура?
В моём представлении 1-ый контур должен иметь коричневый цвет, а 2-ой зелёный!
Что я упустил из виду?
P.S. Буду благодарен за любой конструктивный совет..
)
