English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
beginPath() هي طريقة في API Canvas 2D تبدأ بإنشاء مسار جديد عن طريق إزالة قائمة المسارات الفرعية. عند الرغبة في إنشاء مسار جديد، يتم استدعاء هذه الطريقة.
رسم مسارين على اللوحة؛ أخضر وبنفسجي:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>استخدام طريقة beginPath() في 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.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="green"; // مسار أخضر
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // رسم
ctx.beginPath();
ctx.strokeStyle="purple"; // لون المسار البنفسجي
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // رسم
</script>
</body>
</html>الاختبار لمعرفة ‹/›IEFirefoxOperaChromeSafari
يدعم Internet Explorer 9، Firefox، Opera، Chrome و Safari beginPath(). الجملة.
ملاحظة:Internet Explorer 8 وكل الإصدارات السابقة لا تدعم عنصر <canvas>.
يبدأ beginPath() جملة المسار أو يعيد تعريف المسار الحالي.
نصيحة:يرجى استخدام هذه الجملة لإنشاء المسار moveTo()، lineTo()، quadricCurveTo()، bezierCurveTo()، arcTo() و arc().
نصيحة:يرجى استخدام stroke() يستخدم هذا الجملة لرسم المسار المحدد على اللوحة.
| جافا سكربت الجملة: | السياق.beginPath(); |
|---|