फ़ॉन्ट गुण
font गुण कैनवास पर फ़ॉन्ट ड्राइंग करते समय उसकी सेटिंग्स निर्धारित करता है
fillText विधि
या strokeText विधि का उपयोग करके।
यह विधि CSS गुण font के समान पैरामीटर स्वीकार करती है।
सिंटैक्स
context.font = फ़ॉन्ट सेटिंग्स;
उदाहरण
आइए fillText का उपयोग करके कैनवास पर टेक्स्ट ड्रा करें
और font का उपयोग करके इसका आकार 30px और Arial प्रकार सेट करें:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.font = '30px Arial';
ctx.fillText('Hello world', 30, 50);
:
यह भी देखें
-
textAlignगुण,
जो टेक्स्ट को क्षैतिज रूप से संरेखित करता है -
textBaselineगुण,
जो टेक्स्ट को लंबवत रूप से संरेखित करता है
