HTML canvas translate() পদ্ধতি
অর্থাৎ
translate() পদ্ধতিকে ব্যবহার করেন তখন ক্যানভাসের (0,0) অবস্থানটিকে পুনর্নির্দিষ্ট করুন
মন্তব্য:যখন আপনি translate() পরে যেমন fillRect() এমন পদ্ধতির সময়, মানগুলি যোগ করা হবে x এবং y কোণাগুলির মানে
উদাহরণ
অবস্থান (10,10) তে একটি চতুর্ভুজ আঁকুন। নতুন (0,0) অবস্থানটিকে (70,70) নিয়ে নিন। পুনরায় নতুন চতুর্ভুজ আঁকুন (মনে রাখুন যে এবার চতুর্ভুজ (80,80) থেকে আরম্ভ হচ্ছে):
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(10,10,100,50);
ctx.translate(70,70);
ctx.fillRect(10,10,100,50);
সংজ্ঞা
context.translate(x,y);
পারামিটার মান
| পারামিটার | বর্ণনা |
|---|---|
| x | সমকক্ষ ভিক্টরিক (x) কোণের মান যোগ করা |
| y | উপরোক্ত ভিক্টরিক (y) কোণের মান যোগ করা |
ব্রাউজার সমর্থন
তালিকায় সংখ্যা এই বৈশিষ্ট্যটি যার প্রথম সঠিকভাবে সমর্থন করা ব্রাউজার সংস্করণকে উল্লেখ করা
| চ্রোম | এজ | ফায়ারফক্স | সাফারি | অপেরা |
|---|---|---|---|---|
| চ্রোম | এজ | ফায়ারফক্স | সাফারি | অপেরা |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
মন্তব্য:ইন্টারনেট এক্সপ্লোরার ৮ এবং তার পূর্ববর্তী সংস্করণ HTML <canvas> ইলেকট্রন সমর্থন করে না。
