কোর্স সুপারিশ:

HTML5 Canvas রেফারেন্স ম্যানুয়েল

HTML canvas font প্রতিভূতি

প্রতিভূতির ব্যবহারিক বিধি এবং প্রত্যাহার করা ক্যানভাসের টেক্সট এর বর্তমান ফন্ট এক্সপেন্সি বর্ণনা ও ব্যবহার

প্রতিভূতির ব্যবহারিক বিধি এবং প্রত্যাহার করা ক্যানভাসের টেক্সট এর বর্তমান ফন্ট এক্সপেন্সি font CSS font প্রতিভাএকই অবস্থানে

প্রদর্শন

40 পিক্সেল ব্যাপ্তির একটি টেক্সট লিখুন যা ক্যানভাসের উপরে আছে, যা ব্যবহৃত ফন্ট: "Arial":

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

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="40px Arial";
ctx.fillText("Hello World",10,50);

স্বয়ং প্রয়োগ করুন

ব্যবহারিক বিধি

context.font="italic small-caps bold 12px arial";

প্রতিভূতি

মান বর্ণনা
font-style

ফন্ট শৈলী নির্দিষ্ট করুন। সম্ভাব্য মান:

  • normal
  • italic
  • oblique
font-variant

ফন্ট ভার্নার নির্দিষ্ট করুন। সম্ভাব্য মান:

  • normal
  • small-caps
font-weight

শুভ্র হালকা ফন্ট নির্দিষ্ট করুন। সম্ভাব্য মান:

  • normal
  • bold
  • bolder
  • lighter
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
font-size / line-height ফন্ট মাপ এবং লাইন-হাইট নির্ধারণ, পিক্সেলে পরিমাপ
font-family ফন্ট পরিবার নির্ধারণ
caption শিরোবদ্ধ কন্ট্রোলারের জন্য ব্যবহৃত ফন্ট (যেমন বাটন, ড্রপ-ডাউন লিস্ট ইত্যাদি)
icon আইকনের জন্য ব্যবহৃত ফন্ট
menu মেনুতে ব্যবহৃত ফন্ট (ড্রপ-ডাউন লিস্ট এবং মেনু লিস্ট)
message-box ডায়লগের জন্য ব্যবহৃত ফন্ট
small-caption ছোট কন্ট্রোলারের জন্য ব্যবহৃত ফন্ট
status-bar প্রবন্ধপত্র অবস্থানের জন্য ব্যবহৃত ফন্ট

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: 10px sans-serif

ব্রাউজার সমর্থন

সমূহের সংখ্যাটি এই প্রতিভাটি সম্পর্কে পূর্ণাধিকারপ্রাপ্ত ব্রাউজারের প্রথম সংস্করণকে নির্দেশ করে

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

মন্তব্যঃInternet Explorer 8 এবং তার পূর্ববর্তী সংস্করণগুলি <canvas> ইলেকট্রনম

HTML5 Canvas রেফারেন্স ম্যানুয়েল