HTML5는 캔버스를 사용하여 Triangles_html5 튜토리얼 기술을 그립니다.

코드 복사

코드는 다음과 같습니다.

var canvas=document.getElementById("canvas");
var cxt= canvas.getContext("2d");
cxt.beginPath();
cxt.moveTo(250,50);
cxt.lineTo(200,200);
cxt.lineTo( 300,300);
cxt.closePath();//채우거나 닫으려면 그리기 전에 경로를 닫아야 합니다.
//빈 삼각형
cxt.StrokeStyle="red";
cxt.Stroke();
//단색 삼각형
cxt.beginPath();
cxt.moveTo(350,50);
cxt.lineTo(300,200);
cxt.lineTo(400,300);
cxt.closePath();
cxt.fill();