Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

HTML5 Canvas पर बड़ा फ़ॉन्ट कैसे ड्रॉ करें?


HTML5 Canvas में बड़े फ़ॉन्ट को ठीक से ड्रॉ करने के लिए, आप निम्नलिखित कोड चलाने का प्रयास कर सकते हैं:

var myCanvas = document.getElementById("myCanvas"); 
var context = c.getContext("2d"); 
context.font = '180pt Georgia'; 
context.strokeStyle = "#FF0000"; 
context.fillStyle = "#FFFFFF "; 
context.lineWidth = 34; 
context.fillText("Demo!",0,200); 
context.strokeText("Demo!",0,200);

  1. HTML5 SVG में पॉलीलाइन (Polyline) कैसे बनाएं? HTML5 SVG में पॉलीलाइन (Polyline) कैसे बनाएं?

    SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है और यह XML में 2D-ग्राफिक्स और ग्राफिकल एप्लिकेशन का वर्णन करने की एक भाषा है जिसे SVG व्यूअर द्वारा रेंडर किया जाता है। अधिकांश वेब ब्राउज़र SVG को PNG, GIF और JPG की तरह ही प्रदर्शित कर सकते हैं।HTML SVG में पॉलीलाइन बनाने के लिए SVG <polyline> एलिमेंट

  1. HTML5 कैनवास पर SVG फ़ाइल कैसे बनाएं? HTML5 कैनवास पर SVG फ़ाइल कैसे बनाएं?

    कैनवास पर SVG बनाने के लिए, आपको SVG इमेज का उपयोग करना होगा। सबसे पहले, <foreignObject> एलिमेंट का उपयोग करें जिसमें HTML हो। उसके बाद, SVG इमेज को कैनवास में बनाएं।उदाहरणHTML कैनवास पर SVG फ़ाइल बनाने के लिए निम्न कोड आज़माएं:<!DOCTYPE html> <html>    <head>  

  1. HTML5 कैनवास का उपयोग करके तारा (Star) कैसे बनाएं? HTML5 कैनवास का उपयोग करके तारा (Star) कैसे बनाएं?

    HTML कैनवास पर ड्राइंग जावास्क्रिप्ट के साथ की जाती है। कैनवास पर ड्राइंग से पहले getElementById() और getContext() HTML DOM मेथड्स का उपयोग करें। HTML में तारा बनाने के लिए कैनवास एलिमेंट का उपयोग करें।कैनवास के साथ, तारा बनाने के लिए lineTo() मेथड का उपयोग करें। lineTo() मेथड में x और y पैरामीटर मा