دليل مرجعي لـ HTML

مجموعة كاملة من علامات HTML

طريقة HTML canvas isPointInPath()

طريقة isPointInPath() هي طريقة في API Canvas 2D تستخدم لتحديد ما إذا كانت النقطة المحددة موجودة في المسار الحالي.

مثال على الإنترنت

إذا كانت النقطة 20,50 موجودة في المسار الحالي، فإنه سيتم رسم مستطيل:

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>استخدام طريقة isPointInPath() في HTML canvas - درس أساسي (oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
على جهازك لا يدعم واجهة برمجة تطبيقات HTML5 canvas.
</canvas>
<script>
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>

الاختبار لمعرفة ‹/›

توافق المتصفحات

IEFirefoxOperaChromeSafari

Internet Explorer 9،Firefox،Opera،Chrome وSafari يدعمون isPointInPath() الطريقة.

ملاحظة:Internet Explorer 8 وكل الإصدارات السابقة لا تدعم عنصر <canvas>.

التعريف والاستخدام

إذا كانت النقطة المحددة في المسار الحالي، فإن طريقة isPointInPath() تعود صحيحة، وإلا تعود خطأ

جافا سكربت: الجملة	السياق.isPointInPath(x,y);

قيمة المعامل

المعامل	الوصف
x	السيارة x التي سيتم اختبارها.
y	السيارة y التي سيتم اختبارها.

دليل مرجع HTML canvas

HTML: <template> العلامة