javascript - Fill Closed 正在使用 HTML5 Canvas

Question

我使用 html5 画布绘制了一些图形。

var ctx = document.getElementById('canvas').getContext('2d');
ctx.stroke = "red";
ctx.beginPath();
ctx.moveTo(30, 30);
ctx.lineTo(150, 150);
ctx.bezierCurveTo(60, 70, 60, 70, 70, 150);
ctx.lineTo(30, 30);
ctx.fill();

当我单击画布区域时，如果单击点在封闭区域中，我想用红色填充封闭区域。

请帮帮我

Answer 1

ctx.fillStyle = 'red';

http://jsfiddle.net/zsal/FfdCe/2/

这是一个 jsfiddle，您的画布在悬停时填充为红色。