How to use a specific canvas element for recording?

[Nirvanatin]

I need the highest video quality possible to record CSS and JS animations inside an HTML element. I have tried html2canvas library and RecordRTC to record the canvas but the quality of the recording is very low. Your solution seems to address this problem but I don't know how to pass the canvas and context to the draw method.

        var canvas = document.getElementById("myCanvas");
        var context = canvas.getContext("2d");

Can you please provide an HTML example to demonstrate the use of a specific canvas element for recording? I really appreciate it. Here is my code snippet since last year. I wish I can use canvas-recorder to automate tons of recording that I have to do.

https://jsfiddle.net/ztgqbu6x/