Canvas translate() পদ্ধতি

সংজ্ঞা ও ব্যবহার

translate() পদ্ধতিকে ব্যবহার করেন

মন্তব্য:যখন আপনি translate() পরে যেকোনো fillRect() এমন পদ্ধতিগুলির সময়, মান যোগ করা হবে x এবং y অক্ষমানে

translate() মথদা চিত্র

উদাহরণ

অক্ষ (10,10) তে একটি চতুর্ভুজ আঁকুন, নতুন (0,0) অক্ষমান অবস্থানটি নিয়ে (70,70) নিয়ে যান। পুনরায় নতুন চতুর্ভুজ আঁকুন (মনে করুন যে, এখন চতুর্ভুজ (80,80) থেকে আঁকা হচ্ছে):

আপনার ব্রাউজার HTML5 ক্যানভাস ট্যাগটি সমর্থন করে না。

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> উপাদানটি সমর্থন করে না。