مثال
رسم مستطيل، وعلى نطاق إلى 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() | 4.0 | تسعة | 3.6 | 4.0 | 10.1 |
تعريف والاستخدام
على scale() ميزان طريقة الرسم الحالي، أكبر أو أصغر.
Note: إذا قمت بقياس الرسم، كما سيتم تحجيم جميع الرسوم في المستقبل. كما سيتم تحجيم وتحديد المواقع. إذا كنت scale(2,2) . سيتم وضع الرسومات مرتين بقدر من اليسار وأعلى من القماش كما تحدده.
| جافا سكريبت بناء الجملة: | context . scale( scalewidth,scaleheight ) . |
|---|
قيم معلمة
| معامل | وصف | العبها |
|---|---|---|
| scalewidth | ميزان العرض من الرسم الحالي (1=100%, 0.5=50%, 2=200%, etc.) | العبها " |
| scaleheight | الميزان ذروة الرسم الحالي (1=100%, 0.5=50%, 2=200%, etc.) | العبها " |
مزيد من الأمثلة
مثال
رسم مستطيل، وعلى نطاق إلى 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); انها محاولة لنفسك » <كائن قماش