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

एचटीएमएल 5 कैनवास से चार्ट को कैसे साफ़ करें ताकि होवर ईवेंट ट्रिगर नहीं किया जा सके?


कैनवास से चार्ट को साफ करने के लिए, <कैनवास> तत्व को हटाएं और फिर नीचे दिए गए कोड के अनुसार मूल कंटेनर में एक नया <कैनवास> तत्व जोड़ें -

var resetCanvas = function(){
   $('#results-graph').remove();  
   $('#graph-container').append('<canvas id = "results-graph"><canvas>');
   canvas = document.querySelector('#results-graph');

   ct = canvas.getContext('2d');
   ct.canvas.width = $('#graph').width(); // here we are resizing the new canvas element to parent width
   ct.canvas.height = $('#graph').height(); // here we are resizing the new canvas element to parent height
   var a = canvas.width/2;
   var b = canvas.height/2;

   ct.font = '12pt Calibri';
   ct.textAlign = 'Align Left';
   ct.fillText('left aligned text on the canvas', a, b);
};

  1. HTML5 कैनवास पर आयत कैसे बनाएं?

    HTML5 टैग का उपयोग स्क्रिप्टिंग का उपयोग करके ग्राफिक्स, एनिमेशन आदि को आकर्षित करने के लिए किया जाता है। यह HTML5 में पेश किया गया एक नया टैग है। कैनवास तत्व में एक DOM विधि है जिसे getContext कहा जाता है, जो रेंडरिंग संदर्भ और इसके ड्राइंग फ़ंक्शन प्राप्त करता है। यह फ़ंक्शन एक पैरामीटर लेता है,

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

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

  1. टिंकर कैनवास को कैसे साफ़ करें?

    टिंकर एक विंडो में कैनवास जोड़ने का एक तरीका प्रदान करता है और जब हम एक कैनवास बनाते हैं, तो यह मेमोरी के अंदर कुछ स्टोरेज को लपेटता है। टिंकर में कैनवास बनाते समय, यह प्रभावी रूप से कुछ मेमोरी को खा जाएगा जिसे साफ़ करने या हटाने की आवश्यकता होती है। किसी कैनवास को साफ़ करने के लिए, हम delete() .