روش moveTo() کanvas HTML

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

moveTo() روش مسیر را به نقطه مشخصی در کanvas منتقل می‌کند، اما خطی ایجاد نمی‌کند.

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

مثال

یک مسیر جدید آغاز کنید، به موقعیت 0,0 حرکت کنید. یک خط به موقعیت 300,150 ایجاد کنید:

صفحه‌نمایش مرورگر شما از تگ کانواس HTML5 پشتیبانی نمی‌کند.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();

آزمایش کنید

قانون

context.moveTo(x,y);

مقدار پارامتر

پارامتر توضیح
x موقعیت x هدف مسیر
y موقعیت y هدف مسیر

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه‌ای اولین مرورگر پشتیبانی‌کننده از این ویژگی هستند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

نکته:اینترنت اکسپلورر 8 و نسخه‌های قدیمی‌تر از عنصر <canvas> پشتیبانی نمی‌کنند.