مетод Canvas beginPath()

منابع Canvas

تعریف و استفاده

beginPath() روشی است که یک مسیر را شروع می‌کند یا مسیر فعلی را تنظیم می‌کند.

توضیح:لطفاً از این روش‌ها برای ایجاد مسیر استفاده کنید: moveTo()، lineTo()، quadricCurveTo()، bezierCurveTo()، arcTo() و arc().

توضیح:لطفاً از stroke() روش‌ها برای نقاشی دقیق مسیرها بر روی کانواس.

مثال

دو مسیر بر روی کانواس نقاشی کنید؛ قرمز و آبی:

مرورگر شما پشتیبانی از تگ کانواس HTML5 را ندارد.

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 و نسخه‌های قبلی از عناصر <canvas> را پشتیبانی نمی‌کنند.

منابع Canvas