我正在尝试在画布上创建一个三角形。但我不确定哪一边是 x1、y1、x2、y2 ... 等。我将我的三角形与该网站上给出的三角形相匹配。但我看到了不同的结果。这是我的JSFiddle
\n\n这是我的代码：
\n\n var canvasElement = document.querySelector("#canvas");\r\n var ctx = canvasElement.getContext("2d");\r\n\r\n // Sides: a = 30 \xe2\x80\x83 b = 30 \xe2\x80\x83 c = 59\r\n\r\n var triangle = {\r\n x1: 30, \r\n y1: 0, \r\n x2: 0, \r\n y2: 59, \r\n x3: 30, \r\n y3: 59 \r\n }\r\n\r\n ctx.strokeStyle = \'red\';\r\n \r\n ctx.beginPath();\r\n ctx.moveTo(triangle.x1, triangle.y1);\r\n ctx.lineTo(triangle.x2, triangle.y2);\r\n ctx.lineTo(triangle.x3, triangle.y3);\r\n ctx.lineTo(triangle.x1, triangle.y1);\r\n ctx.closePath();\r\n ctx.stroke();<canvas id="canvas" width="300" height="300"></canvas>\r\n