ক্যানভাস সর্বদা তার বর্তমান উত্স থেকে স্কেল করে। ডিফল্ট মূল হল [0,0]। আপনি যদি অন্য পয়েন্ট থেকে স্কেল করতে চান, আপনি প্রথমে ctx.translate(desiredX,desiredY); এটি ক্যানভাসের উৎসকে [desiredX,desiredY]-এ রিসেট করবে।
translate() পদ্ধতিটি ক্যানভাসে (0,0) অবস্থানকে রিম্যাপ করে। স্কেল() পদ্ধতি বর্তমান অঙ্কন বড় বা ছোট স্কেল করে। আপনি যদি আপনার অফসেট দ্বারা ক্যানভাস প্রসঙ্গ অনুবাদ করতে চান তবে আপনাকে প্রথমে এটিকে জুম ইন বা আউট করতে স্কেল() করতে হবে এবং তারপরে মাউস অফসেটের বিপরীতে অনুবাদ() করতে হবে।
এই পদক্ষেপগুলি নিম্নলিখিত উদাহরণে দেওয়া হয়েছে
ctx.translate(pt.x,pt.y); ctx.scale(factor,factor); ctx.translate(-pt.x,-pt.y);