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 Canvas एलिमेंट प्रिंट करें

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

  1. - HTML5 Canvas ट्रांसफॉर्मेशन

    HTML5 Canvas उन मेथड्स को प्रदान करता है जो ट्रांसफॉर्मेशन मैट्रिक्स में सीधे संशोधन की अनुमति देते हैं। ट्रांसफॉर्मेशन मैट्रिक्स प्रारंभ में पहचान ट्रांसफॉर्म होना चाहिए। इसे फिर ट्रांसफॉर्मेशन मेथड्स का उपयोग करके समायोजित किया जा सकता है। उदाहरण आइए Canvas ट्रांसफॉर्मेशन का एक उदाहरण देखें: <

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

    कैनवास केंद्रित करना HTML5 कैनवास एक इंलाइन-ब्लॉक तत्व की तरह व्यवहार करता है। इसे पेज या कंटेनर के केंद्र में संरेखित करने के कई तरीके हैं। विधि 1: टेक्स्ट-अलाइन (सरलतम) कैनवास को ब्लॉक तत्व में लपेटें और text-align: center उपयोग करें: <!DOCTYPE html> <html> <body> <div s