isPointInPath() trong Canvas

Hiển thị hình chữ nhật nếu điểm 20,50 nằm trong hình: Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 < ! DOCTYPE html > < ...

Hiển thị hình chữ nhật nếu điểm 20,50 nằm trong hình:

Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5.

Code:

<!DOCTYPE html>

<html>

<body>

<canvas id="myCanvas" awidth="300" height="150" style="border:1px solid #d3d3d3;">Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5.</canvas>

var c = document.getElementById("myCanvas");

var ctx = c.getContext("2d");

ctx.rect(20, 20, 150, 100);

if (ctx.isPointInPath(20, 50)) {

ctx.stroke();

};

</script>

</body>

</html>

Demo

Số trong bảng dưới đây thể hiện phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ cho thuộc tính.

Thuộc tính
isPointInPath()	4.0	2.0	9.0	3.1	9.0

Phương thức isPointInPath() trả về giá trị true nếu điểm đó nằm trong hình hiện tại, ngược lại sẽ trả về false.

Cú pháp JavaScript: context.isPointInPath(x,y);

Tham số	Miêu tả
x	Tọa độ X của điểm cần kiểm tra
y	Tọa độ Y của điểm cần kiểm tra

Bình luận về bài viết này

Trịnh Tiến Mạnh

27 chủ đề

6824 bài viết