روش مقاس canvas HTML

HTML5 Canvas مرجع کتاب

تعریف و استفاده

scale() روش مقاس گرفتن نقاشی، بزرگتر یا کوچکتر شود.

نوٹ:اگر نقاشی را مقاس بگیرید، همه نقاشی‌های بعدی نیز مقاس بگیرند.定位 نیز مقاس خواهد گرفت. اگر شما scale(2,2)، پس نقاشی در دو برابر فاصله از گوشه بالا چپ کانواس قرار می‌گیرد.

مثال

مثال 1

مستطیل بکشید، مقاس را 200% بزرگ کنید و سپس دوباره مستطیل بکشید:

بrowsر شما تگ کانواس HTML5 را پشتیبانی نمی‌کند.

جاوا اسکریپت:

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 فیصد میں بڑھاوا دینے کے بعد دوبارہ مستطیل نقاشی کریں:

آپ کا براؤزر HTML کا کانواس علامت کو مدد نہیں فراہم کرتا.

جاوا اسکریپت:

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);

آپ خود کوشش کریں

براؤزر کی مدد

جداول میں نمبرات، اس کی خاصیت کا پہلا پورا مددگار براؤزر کی نسلیں کا حوالہ دیتے ہیں。

کروم ایج فائرفاکس سافری اپرا
کروم ایج فائرفاکس سافری اپرا
4.0 9.0 3.6 4.0 10.1

نوٹ:نوٹ: اینٹرنیشنل ایکسپلورر 8 اور اس سے پچھلے کی نسلیں <canvas> عنصر کو نہیں مدد فراہم کرتی ہیں。

HTML5 Canvas مرجع کتاب