canvas中如何判断点是否在路径上

判断点是否在路径上

ctx.isPointInPath( 要判断点的x坐标，要判断点的y坐标 )

<canvas id="cvs"></canvas>

<script>
    /*
    * ctx.isPointInPath( 要判断的点x轴坐标，要判断的点y轴坐标 )
    * */

    var cvs = document.querySelector( '#cvs' );
    var ctx = cvs.getContext( '2d' );
    
    ctx.rect(10,10,100,100);
    ctx.stroke();
    //获取点击的在画面的位置
    cvs.addEventListener('click', function (event) {
        var y =event.pageY - cvs.offsetTop;
        var x =event.pageX - cvs.offsetLeft;
        alert(ctx.isPointInPath(x,y));
    })
</script>