javascript - 如何创建一个里面有一个三角形的画布圆圈？

Question

我想创建一个带圆圈的画布，圆圈内应该是一个三角形。我知道如何画一个简单的圆（下图），但是如何放入三角形呢？

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.beginPath();
context.arc(75,100,55,0,2 * Math.PI);
context.stroke();

标签： javascriptcanvas

Answer 1

在调用之前添加这些行stroke

context.moveTo(75,75);
context.lineTo(100, 100);
context.lineTo(25,150);
context.lineTo(75,75);

它有点出乎意料，但你明白了。