সুনির্দিষ্ট অঙ্গভঙ্গি জন্য নির্ভুল স্পর্শ

M37 (08/2014 সালে স্থিতিশীল) হিসাবে Chrome-এর TouchEvents বাস্তবায়নে একটি পরিবর্তন এসেছে , যা রিপোর্ট করা কো-অর্ডিনেটগুলিকে পূর্ণসংখ্যার পরিবর্তে ফ্লোটে পরিবর্তন করে।

আগে পরে
ক্লায়েন্টএক্স: 167
ক্লায়েন্টওয়াই: 196
পৃষ্ঠাএক্স: 167
পৃষ্ঠাওয়াই: 196
ব্যাসার্ধএক্স: 26
ব্যাসার্ধ: 26
স্ক্রিনএক্স: 167
স্ক্রিনওয়াই: 277
 ক্লায়েন্টএক্স: 167.33299255371094
ক্লায়েন্টওয়াই: 195.66700744628906
পৃষ্ঠাএক্স: 167.33299255371094
pageY: 195.66700744628906
radiusX: 25.843116760253906
ব্যাসার্ধ: 25.843116760253906
screenX: 167.33334350585938
screenY: 276.66668701171875

এই পরিবর্তনের ফলে ব্যবহারকারীর অঙ্গভঙ্গিগুলির প্রতি আপনার একটি মসৃণ প্রতিক্রিয়া রয়েছে কারণ এটি আপনাকে আঙ্গুলের অবস্থানের উচ্চতর নির্ভুলতা দেয়৷

রিক বায়ার্সের ডেমো ব্যবহার করে, আপনি দেখতে পারেন যে ধীরে ধীরে একটি ঘূর্ণি আঁকার সময় এটি কী বিশাল পার্থক্য তৈরি করতে পারে।

টাচ ইভেন্টে পার্থক্য।

এটি শুধুমাত্র স্ক্রীনকে প্রভাবিত করবে যার পিক্সেল ঘনত্ব 1 এর বেশি। কেন তা বোঝার জন্য, আসুন একটি উদাহরণ দিয়ে ধাপে ধাপে যাই।

কল্পনা করুন আপনার কাছে CSS পিক্সেলের একটি 3x3 গ্রিড রয়েছে এবং স্ক্রীনের ঘনত্ব 3, যার অর্থ আমাদের কাছে 9x9 ফিজিক্যাল পিক্সেলের একটি গ্রিড রয়েছে এবং ব্যবহারকারীর অঙ্গভঙ্গি উপরের বাম থেকে নীচে ডানে।

সিএসএস পিক্সেল এবং স্ক্রিন পিক্সেল গ্রিড।

মূলত, আমরা ছোঁয়া অবস্থানটিকে নিকটতম CSS পিক্সেলের সাথে বৃত্তাকার করেছিলাম, যার অর্থ এই অঙ্গভঙ্গিতে আপনি নিম্নলিখিত পদক্ষেপগুলি শেষ করবেন৷

অঙ্গভঙ্গির সময় সিএসএস পিক্সেল নির্ভুলতা।

ব্যবহারকারীর আঙুল নাড়াচাড়া করার সাথে সাথে ফিজিক্যাল পিক্সেল দেখাতে পারে এমন মধ্যবর্তী ধাপের যেকোনও একটি আঁকতে আমরা মিস করি।

এখন যেহেতু আমরা ফ্লোটে স্যুইচ করেছি, আমাদের অঙ্গভঙ্গি এইরকম দেখতে পারে।

অঙ্গভঙ্গি সময় স্পষ্টতা ভাসা.

বেশিরভাগ ক্ষেত্রে, এটির জন্য আপনার কোডে কোনো পরিবর্তনের প্রয়োজন হবে না, কিন্তু এর অর্থ এই যে TouchEvents-এর ফলে আপনি যে কোনো অ্যানিমেশন বা নড়াচড়া করেন, বিশেষ করে ধীরগতির অঙ্গভঙ্গির জন্য মসৃণ হবে।

মোবাইল সাফারিতেও এই উন্নতি আনার পরিকল্পনা রয়েছে: https://bugs.webkit.org/show_bug.cgi?id=133180 ।