फ़ॉन्ट गुण

font गुण कैनवास पर फ़ॉन्ट ड्राइंग करते समय उसकी सेटिंग्स निर्धारित करता है fillText विधि या strokeText विधि का उपयोग करके। यह विधि CSS गुण font के समान पैरामीटर स्वीकार करती है।

सिंटैक्स

javascriptcontext.font = फ़ॉन्ट सेटिंग्स;

उदाहरण

आइए fillText का उपयोग करके कैनवास पर टेक्स्ट ड्रा करें और font का उपयोग करके इसका आकार 30px और Arial प्रकार सेट करें:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.font = '30px Arial';
ctx.fillText('Hello world', 30, 50);

Результат:

यह भी देखें