Rumah  >  Soal Jawab  >  teks badan

context.isPointInPath(x, y) 和想象中的不一样啊?

1.png

<!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上,奇怪啊,是哪里遗漏了什么吗?


高洛峰高洛峰2930 hari yang lalu824

membalas semua(1)saya akan balas

  • 三叔

    三叔2016-10-26 13:40:28

    没有遗漏,浏览器的问题,Chrome上有问题Safari上没事]

    1.png

    1.png

    balas
    0
  • Batalbalas