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

HTML5 कैनवास डिग्री प्रतीक


HTML5 कैनवास डिग्री प्रतीक के लिए, निम्न कोड चलाने का प्रयास करें -

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <style media="screen">
         body {
            margin:5em;
            background:#eee;
            text-align:center
         }
         canvas {
            background:#fff;
            border:2px solid #ccc;
            display:block;
            margin:3em auto
         }
      </style>
   </head>
   <body>
      <script charset="utf-8">
         var c = document.getElementsByTagName('canvas')[0];
         c.width = c.height = 300;
         var context = c.getContext('2d');
         context.font = "20px sans-serif";
         context.fillText("212° Fahrenheit", 100, 100);
      </script>
   </body>
</html>

  1. एक HTML5 कैनवास तत्व प्रिंट करें

    HTML5 कैनवास तत्व प्रदर्शित करने के लिए कोड स्निपेट निम्नलिखित है। <a href = "javascript:print_voucher()">PRINT CANVAS</a> function print_canvas() {    $("#canvas_voucher").printElement(); } यहां कैनवास_वाउचर कैनवास तत्व की आईडी है। इसे कार्य करने के लिए हमे

  1. HTML5 कैनवास परिवर्तन

    HTML5 कैनवास ऐसे तरीके प्रदान करता है जो सीधे रूपांतरण मैट्रिक्स में संशोधन की अनुमति देता है। रूपांतरण मैट्रिक्स प्रारंभ में पहचान परिवर्तन होना चाहिए। फिर इसे रूपांतरण विधियों का उपयोग करके समायोजित किया जा सकता है। उदाहरण आइए कैनवास परिवर्तन का एक उदाहरण देखें: function drawShape(){// DOM वर

  1. HTML5 में कैनवास को कैसे केन्द्रित करें?

    HTML 5 में कैनवास को केन्द्रित करने के लिए, कैनवास टैग को div टैग में शामिल करें। तब हम div टैग को केंद्र में संरेखित कर सकते हैं। ऐसा करने से, कैनवास भी मध्य संरेखित होता है। उदाहरण <!DOCTYPE html>. <html>    <body>       <div style = "text-align:c