پیشنهاد دوره:
روش HTML canvas beginPath()
تعریف و استفاده beginPath()
نکته:این روش‌ها را برای شروع یک مسیر یا تنظیم مسیر فعلی استفاده کنید.
نکته:لطفاً از این روش‌ها برای ایجاد مسیر استفاده کنید: moveTo()، lineTo()، quadricCurveTo()، bezierCurveTo()، arcTo() و arc(). stroke() روشی برای رسم مسیر دقیق روی کانواس.
مثال
دو مسیر را روی کانواس رسم کنید؛ قرمز و آبی:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="red"; // مسیر قرمز
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // نقاشی انجام شود
ctx.beginPath();
ctx.strokeStyle="blue"; // مسیر آبی
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // نقاشی انجام شود
زبان برنامه‌نویسی
context.beginPath();
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگری است که از این ویژگی پشتیبانی می‌کند.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
نکته:نسخه‌های 8 و قبل از آن از مرورگر Internet Explorer از عنصر <canvas> پشتیبانی نمی‌کنند.
