title: How to get the HTML5 canvas when using jquery?
body: <p>I am very new in the web world. Please pardon me if my questions sound stupid?</p>
  
  <p>My main aim is to capture the animation on HTML5 canvas to a video, in which I succeeded to some extent. I am able to record a video using this module <a href="https://github.com/spite/ccapture.js" rel="nofollow">https://github.com/spite/ccapture.js</a> . This is possible only when the code has HTML5 and plain javascript drawing APIs having a canvas element. </p>
  
  <p>Next, I 've been trying to capture text animations using textillate.js  which is jquery based. I have no idea how to get the handle to the canvas
  in this case. Since jquery is based on javascript, don't all the jquery based animation render on HTML5 canvas? </p>
  
  <p>Here is the example code below. Where in this code can I get the canvas handle and how? There's also no mention of the canvas name.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
     &lt;head&gt;
        &lt;title&gt;&lt;/title&gt;
        &lt;link href="css/animate.css" rel="stylesheet"&gt;
        &lt;script src="js/jquery-2.1.3.min.js"&gt;&lt;/script&gt;
        &lt;script src="js/jquery.lettering.js"&gt;&lt;/script&gt;
        &lt;script src="js/jquery.textillate.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript"&gt;
           $( document ).ready(function() {
               $('.tlt').textillate({
                   selector: '.texts',
                   loop: false,
                   minDisplayTime: 2000,
                   initialDelay: 0,
                   in: {
                       effect: 'bounce',
                       delayScale: 2,
                       delay: 50,
                       sync: false,
                       shuffle: true
                   },
                   autoStart: true,
                   inEffects: [],
                   outEffects: [ 'hinge' ]
               });
  
           });
        &lt;/script&gt;
     &lt;/head&gt;
     &lt;body&gt;
        &lt;h1 class="tlt"&gt;Animate me with textillate effects&lt;/h1&gt;
     &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>