ক্যানভাস ফন্ট প্রতিভূতি

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

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

সারণীতে এই বৈশিষ্ট্যটি যাতে কোনও প্রথমবার সম্পূর্ণভাবে সমর্থন করা হয়েছে এই ব্রাউজারের সংস্করণ নম্বর উল্লেখ করা হয়েছে。

চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
4.0 9.0 3.6 4.0 10.1

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

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