javascript canvas Как начертить треугольник

Пример js кода для черчения треугольника через js

 

var canvas = document.createElement ("CANVAS");
	var main = document.getElementsByTagName ("body")[0];
	main.appendChild (canvas);
	canvas.setAttribute ("id", "draw");	
	canvas.setAttribute ("width", "600");	
	canvas.setAttribute ("height", "300");	
	var context = canvas.getContext ("2d");
// чертим линии треуголника
	context.beginPath();
	context.moveTo (260,50);
	context.lineTo (250,150);
	context.lineTo (61,150);
// соединяем последнюю поставленную точку с первой moveTo
	context.closePath ();
// задаем толщину линии для рисования поверх контура
	context.lineWidth = 28;
// рисуем линию поверх контура
	context.stroke();
// задаем цвет заливки
	context.fillStyle = "red";
// заливаем треугольник
	context.fill();

 

 



Оставить свой ответ:

Имя:*
E-Mail:
Вопрос:
Skolko buдет пять пдюс сeмь?
Ответ:*
QQpedia21.ru - cамые интересные вопросы