填充已关闭使用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，你的画布在悬停时填充为红色。