Question

我想在html5画布中绘制一个填充的披萨片。我尝试使用arc并填充它的内部，因为它可以在下面的代码中看到;

context.fillStyle = "#FF0000";
context.beginPath();
context.arc(node._private.position['x'],node._private.position['y'],node._private.style['width'].value + 10,
            0,2 * Math.PI/3-0.175, 0);
context.fill();
context.lineTo(node._private.position['x'],
node._private.position['y']);
context.arc(node._private.position['x'],node._private.position['y'],node._private.style['width'].value + 10,
            2 * Math.PI/3,4 * Math.PI/3-0.175, 0);
context.lineTo(node._private.position['x'],
node._private.position['y']);
context.arc(node._private.position['x'],node._private.position['y'],node._private.style['width'].value + 10,
            4 * Math.PI/3,2 * Math.PI-0.175, 0);
context.lineTo(node._private.position['x'],
node._private.position['y']);
context.lineTo(node._private.position['x'] + node._private.style['width'].value + 10,
node._private.position['y']);
context.closePath();
context.stroke();

但是，它只按预期填写如下;

http://imgur.com/WwM1oEF

我想要填充该弧的上半部分（三角形区域）。我应该为该部分添加填充三角形还是有另一种方式？

Answer 1

我解决了！在将线绘制到节点后，我应该填充弧。非常感谢你

如何在html5中绘制填充的披萨片

1 个答案: