కాన్వాస్ ఫంట్ అట్రిబ్యూట్

Canvas సూచనా పుస్తకం

డిఫినిషన్ మరియు యూజ్

font డిఫినిషన్ మరియు యూజ్ ఆఫ్ కాన్వాస్ ఫంట్ అట్రిబ్యూట్

font అట్రిబ్యూట్ యొక్క సింథాక్స్ అనేది ఫంట్ అట్రిబ్యూట్ ను నిర్ధారించడానికి లేదా తిరిగి పొందడానికి ఉపయోగించబడుతుంది. CSS font లక్షణంసమాన.

ఇన్స్టాన్స్

కేన్వాస్ పైన 40 పిక్సెల్స్ రంగును వ్రాయండి, వాడే ఫంటు "Arial":

మీ బ్రౌజర్ కేన్వాస్ టాగ్ ను మద్దతు చేయలేదు.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="40px Arial";
ctx.fillText("హలో వరల్డ్",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

ప్రకటన:ఇంటర్నెట్ ఎక్స్ప్లోరర్ 8 మరియు అంతకు ముంది వెర్షన్లు <canvas> కాలింగ్ అంగం నిర్లక్ష్యం చేయబడలేదు.

Canvas సూచనా పుస్తకం