ایچ تی ایم ال کینوس مراجع ماکول

ایچ تی ایم ال کینوس مراجع ماکول

HTML <canvas> کیمپٹ میجلس کا استعمال کیا جاتا ہے، تاکہ اس کے ذریعے اسکریپٹ (معمولاً JavaScript) کے ذریعے متحرک گرافکس بنائیں جاسکے

کسی بچپ کینن کیمپت میجلس، سائز اور شپ شاریر کیا سکتا

رنگ، سٹائل اور شادي

ویژگی‌ها توضیحات
fillStyle کسی بچپ کینن کیمپت میجلس، سائز اور شپ شاریر کیا سکتا
strokeStyle کسی بچپ کینن کیمپت میجلس، سائز اور شپ شاریر کیا سکتا
shadowColor شادي کا رنگ سیٹ کریں
shadowBlur شادي کی تارگی سیٹ کریں
shadowOffsetX شادي کو شپ کیمپت میجلس کی افقی دوری سیٹ کریں
shadowOffsetY شادي کو شپ کیمپت میجلس کی عمودی دوری سیٹ کریں
روش توضیحات
createLinearGradient() تدرج بنائیں (کینو میجلس پر استعمال)
createPattern() مقررہ سمت میں مقررہ عناصر کو تکرار کریں
createRadialGradient() تدرج بنائیں (کینو میجلس پر استعمال)
addColorStop() تدرج میں رنگ اور اسٹاپ پوزیشن کا مقرر کریں

لائن کا سٹائل

ویژگی‌ها توضیحات
lineCap کسی بچپ کینن کیمپت میجلس، سائز اور شپ شاریر کیا سکتا
lineJoin کسی بچپ کینن کیمپت میجلس، سائز اور شپ شاریر کیا سکتا
lineWidth کسی بچپ کینن کیمپت میجلس، سائز اور شپ شاریر کیا سکتا
miterLimit کسی بچپ کینن کیمپت میجلس، سائز اور شپ شاریر کیا سکتا

رینج

روش توضیحات
rect() رینج بنائیں
fillRect() پُر کردہ رینج بنائیں
strokeRect() رینج بنائیں (بغیر پُر کاری)
clearRect() مقررہ رینج میں مخصوص پیکسل کو خالی کریں

راستو

روش توضیحات
fill() موجود راستو کو پُر کریں
stroke() پیشگی راستو کو بنائیں
beginPath() ایک نئی راستہ شروع کریں یا موجود راستو کو دوبارہ سیٹ کریں
moveTo() راستو کو کینو میجلس کی مقررہ نقطے میں بھیجائیں، نہ کہ کسی لائن کو بنائیں
closePath() شروع سے واپس آنے والی راستہ بنائیں
lineTo() ایک نئی نقطہ شروع کریں، بعد میں اس نقطے سے آخری مقررہ نقطے تک لائن بنائیں
clip() کسی بچپ کینن کیمپت میجلس، سائز اور شپ شاریر کیا سکتا
quadraticCurveTo() ایجاد منحنی بیسبلیوس دوم‌مرتبه
bezierCurveTo() ایجاد منحنی بیسبلیوس سوم‌مرتبه
arc() ایجاد یک منحنی/ارتباط (برای ایجاد دایره یا بخش‌های دایره‌ای)
arcTo() ایجاد یک منحنی/ارتباط بین دو خط تیغه
isPointInPath() اگر نقطه معین شده در مسیر فعلی باشد، true بازگرداند، در غیر این صورت false

تبدیل

روش توضیحات
scale() ترسیم فعلی را بزرگ یا کوچک کنید
rotate() چرخش فعلی ترسیم را انجام دهید
translate() محل (0,0) روی صفحه بافت را دوباره تعریف کنید
transform() ماتریس تبدیل فعلی ترسیم را جایگزین کنید
setTransform() تغییرات فعلی تبدیل را به ماتریس یکتا بازگرداند. سپس transform() را اجرا کنید

متن

ویژگی‌ها توضیحات
font تنظیم یا بازگرداندن ویژگی‌های فونت متن فعلی
textAlign تنظیم یا بازگرداندن روش جابجایی متن فعلی
textBaseline تنظیم یا بازگرداندن خط پایه فعلی برای ترسیم متن
روش توضیحات
fillText() ترسیم
strokeText() ترسیم متن روی صفحه بافت (بدون پرش)
measureText() بازگرداندن object شامل عرض متن معین شده

ترسیم تصویر

روش توضیحات
drawImage() ترسیم تصویر، صفحه یا ویدیو روی صفحه بافت

عملیات پیکسلی

ویژگی‌ها توضیحات
width بازگرداندن عرض ImageData object
height بازگرداندن ارتفاع ImageData object
data بازگرداندن یک object که داده‌های تصویر ImageData معین شده را شامل می‌شود
روش توضیحات
createImageData() ایجاد ImageData object جدید و خالی
getImageData() بازگرداندن ImageData object، که داده‌های تصویر معین شده را شامل می‌شود
putImageData() بازگرداندن داده‌های تصویر (از ImageData معین شده) به روی صفحه بافت

ترکیب

ویژگی‌ها توضیحات
globalAlpha تنظیم یا بازگرداندن میزان شفافیت یا آلفا در ترسیم
globalCompositeOperation تنظیم یا بازگرداندن نحوه‌ی ترسیم تصویر جدید به روی تصویر موجود

دیگر

روش توضیحات
save() ذخیره وضعیت فعلی محیط
restore() بازگرداندن مسیر و ویژگی‌های وضعیت قبل از ذخیره‌سازی
createEvent() 　
getContext() 　
toDataURL()