Convert html content into image using jquery

Below My code....My code is perfectly working but one issue.. Background images is not working How to set Background Images

"text/javascript">
function CreateFrame(emailFrame, Desc) {
$("#lblFrameEmail").text(emailFrame);
$("#lblFrameDesc").text(Desc);
var frameHtml = $("#test").html();
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
var data = '' +
'' +
'' +
''+
' [email protected]' +
'The person who sent a feedback can only reply when the recipient has given a reply on that feedback at least once.When new response on old feedback is received, move the feedback on top of the list and highlight the subject line (Similar to new “Feedback Received” event).'+
'

' +

'' +

'';

var DOMURL = window.URL || window.webkitURL || window;

var img = new Image();

var svg = new Blob([data], { type: 'image/svg+xml' });

var url = DOMURL.createObjectURL(svg);

img.onload = function () {

ctx.drawImage(img, 0, 0);

DOMURL.revokeObjectURL(url);

}

img.src = url

$("#imgFrame").attr("src", url);

}