مثال
رسم مستطيل، على نطاق وإلى 200٪، ثم رسم مستطيل مرة أخرى:
جافا سكريبت:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
انها محاولة لنفسك » دعم المتصفح
الأرقام في الجدول تحدد أول نسخة مستعرض يعتمد الأسلوب بشكل كامل.
| طريقة | |||||
|---|---|---|---|---|---|
| scale() | نعم فعلا | تسعة | نعم فعلا | نعم فعلا | نعم فعلا |
تعريف واستخدام
على scale() ميزان طريقة الرسم الحالي، أكبر أو أصغر.
ملاحظة: إذا قمت بقياس الرسم، كما سيتم تحجيم كل المخططات المستقبلية.كما سيتم تحجيم وتحديد المواقع. إذا كنت scale(2,2) . سيتم وضع الرسومات مرتين بقدر من اليسار وأعلى من القماش كما تحدده.
| جافا سكريبت بناء الجملة: | context.scale( scalewidth,scaleheight ); |
|---|
قيم معلمة
| معامل | وصف | العبها |
|---|---|---|
| scalewidth | ميزان العرض من الرسم الحالي ( 1=100%, 0.5=50%, 2=200% ، الخ) | العبها " |
| scaleheight | يقيس ارتفاع الرسم الحالي ( 1=100%, 0.5=50%, 2=200% ، الخ) | العبها " |
المزيد من الأمثلة
مثال
رسم مستطيل، على نطاق وإلى 200٪، رسم المستطيل مرة أخرى، وعلى نطاق إلى 200٪، رسم المستطيل مرة أخرى، وعلى نطاق إلى 200٪، رسم المستطيل مرة أخرى:
جافا سكريبت:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15); انها محاولة لنفسك »