我在HTML5画布中有一个用JavaScript绘制的形状:
ctx.beginPath();
ctx.moveTo(25,0);
ctx.quadraticCurveTo(50,50,40,100);
ctx.lineTo(33,100);
ctx.quadraticCurveTo(50,50,20,0);
ctx.fill();
ctx.closePath();
如果单击画布,如何检测到单击此形状?
canvas.addEventListener("click",function(e){
alert(isItPartOfTheShape(e.clientX,e.clientY));
})
function isItPartOfTheShape(x,y){
/* Here comes the code which detects is it part of the shape */
return isIt;
}
你有两个选择
context.isPointInPath
它,但是需要在执行测试时重建形状(该函数仅根据当前路径(即将调用的要填充的路径fill
)检查指定的点)本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句