<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Canvas: Point In Path</title></head><body> <canvas id="canvas"></canvas> <script> var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d'); canvas.width = 600; canvas.height = 400;
context.fillStyle = "#efefef"; context.fillRect(0, 0, canvas.width, canvas.height);
context.beginPath(); context.strokeStyle = "blue"; context.lineWidth = 3;
context.moveTo(30, 30); context.lineTo(300, 300); context.stroke(); context.closePath();
console.log(context.isPointInPath(30, 30)); // true console.log(context.isPointInPath(100, 100)); // false
console.log(context.isPointInPath(300, 300)); // true </script></body></html>(100, 100)為什么判斷不在path上，奇怪啊，是哪里遺漏了什么嗎？
已解決430363個問題，去搜搜看，總會有你想問的
