কম্পিউটার

HTML5 ক্যানভাস ফন্ট সাইজ ক্যানভাস সাইজের উপর ভিত্তি করে


ফন্ট স্কেল করতে, আসুন একটি উদাহরণ দেখি৷

Canvas: 800px Font Size: 60px

ক্যানভাসের উপর ভিত্তি করে ফন্টের আকার স্কেল করার জন্য আপনাকে আমাদের উদাহরণের জন্য নিম্নলিখিত কোডটি ব্যবহার করতে হবে -

var fontBase = 800;
var fontSize = 60;

function getFont() {
   var ratio = fontSize / fontBase;
   var cSize = canvas.width * ratio;
   return (cSize |0) + 'px sans-serif';
}

  1. HTML5 ক্যানভাসের ভিতরে একটি ছবির অংশ আঁকুন

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

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

  4. HTML5 ক্যানভাস ctx.fillText লাইন বিরতি করবে না