مثال
رسم مستطيل في موقف (10,10) ، تعيين جديد (0,0) موقف ل (70,70) . رسم نفس المستطيل مرة أخرى (notice that the rectangle now starts in position (80,80) :
جافا سكريبت:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(10,10,100,50);
ctx.translate(70,70);
ctx.fillRect(10,10,100,50);
انها محاولة لنفسك » دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل الأسلوب.
| طريقة | |||||
|---|---|---|---|---|---|
| translate() | 4.0 | تسعة | 3.6 | 4.0 | 10.1 |
تعريف والاستخدام
و translate() طريقة remaps على (0,0) موقف على القماش.
Note: عند استدعاء أسلوب مثل fillRect() بعد translate() ، يتم إضافة قيمة إلى X- وص تنسيق القيم.
ترجمة الأسلوب () "/> | جافا سكريبت بناء الجملة: | context . translate( x,y ) . |
|---|
قيم معلمة
Note: يمكنك تحديد واحد أو كلا المعلمات.
| معامل | وصف | العبها |
|---|---|---|
| x | قيمة إضافة إلى الأفقي (x) الإحداثيات | العبها " |
| y | قيمة إضافة إلى العمودي (y) الإحداثيات | العبها " |
<كائن قماش