কম্পিউটার

HTML5 ক্যানভাস থেকে মাউস কার্সার জুম করুন


ক্যানভাস সর্বদা তার বর্তমান উত্স থেকে স্কেল করে। ডিফল্ট মূল হল [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);

  1. HTML5 ক্যানভাসে রচনা বৈশিষ্ট্য?

  2. একটি HTML5 ক্যানভাস উপাদান প্রিন্ট করুন

  3. HTML5 ক্যানভাস রূপান্তর

  4. কিভাবে HTML5 এ ক্যানভাস কেন্দ্রীভূত করবেন?