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();
Оставить свой ответ: