Canvas translate() পদ্ধতি
সংজ্ঞা ও ব্যবহার
translate()
পদ্ধতিকে ব্যবহার করেন
মন্তব্য:যখন আপনি 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 |
মন্তব্য:Internet Explorer 8 এবং তার পূর্ববর্তী সংস্করণগুলি <canvas> উপাদানটি সমর্থন করে না。