رسم خط در

این تاپیک 0 پاسخ و 1 مشارکت کننده دارد . آخرین آپدیت توسط :  صبا ...saba ،‏ 7 ماه و 3 هفته پیش .

این تاپیک تاکنون 61 بازدید داشته است .

نویسنده پست
پنجشنبه ، 14 آوریل 2016     4:22 ب.ظ #


صبا ...saba

Subscriber
0 پست669 تاپیک

برای رسم خطوط مستقیم در <canvas>، نیاز به دو متد زیر است:
moveTo(x,y) -
 نقطه شروع خط را تعریف می کند.
lineTo(x,y) -
 نقطه پایان خط را تعریف می کند.

عملاً برای رسم خط، یکی از متدهای "مرکب زدن" مانند ()stroke نیز باید استفاده شود.

مثال
در این مثال، نقطه شروع (0,0) و نقطه پایان (200,100) تعریف شده است. سپس برای رسم خط از متد ()stroke استفاده می کنیم.

JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.moveTo(0,0);
ctx.lineTo(200,100);
ctx.stroke();

0  تشکر
پست 1 تا 1 (از مجموع 1 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .