کانواس سائز کاری کا طریق()
تعلیم اور استعمال
scale() موجودہ درایا جوائنٹ کو بڑھا یا چھوٹا کریں.
تعلیمات:اگر آپ درایا جوائنٹ کو سائز بند کریں تو تمام بعد کا درایا جوائنٹ بھی سائز بند ہوگا. لوکیشن بھی سائز بند ہوگا. اگر آپ لکھتے ہیں scale(2,2)، تو درایا جوائنٹ دوگنا دور، یعنی کینواس کے سمت چپ اور سمت اوپر سے دوگنا دور جائے گا.
مثال
مثال 1
مستطیل درایا جاؤ، 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);
تذکرہ:پائین سے ملاحظات دیئے جانے والے بہتر مثال دستیاب ہیں.
شرح
context.scale(scalewidth,scaleheight);
پارامتر کا مرتبہ
| پارامتر | مقصد |
|---|---|
| scalewidth | موجودہ درایا جوائنٹ کی چوڑائی کو سائز کریں (1=100%, 0.5=50%, 2=200%, وغیرہ). |
| scaleheight | موجودہ درایا جوائنٹ کی اونچائی کو سائز کریں (1=100%, 0.5=50%, 2=200%, وغیرہ). |
بیشتر مثال
مثال 2
ایک مستطیل درایا جاؤ؛ 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);
براوزر کی مدد
جداول میں شمار کا اشارہ، اس کی خاصیت کو پورا طور پر سپورٹ کرنے والی پہلی براوزر کی نسلیں کیا گیا ہے。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
تعلیمات:Internet Explorer 8 اور اس سے پہلے کی نسلیں <canvas> علامت کو نہیں دعوا کرتی ہیں。
