html 隐藏图像,如何生成带有隐藏源（html）的html2canvas图像div

我正在一个项目中，我需要生成任何成员的个人资料图片及其评论，以及一些数据，我开始使用GDI，但它是如此难以理解，所以我搜索了其他选项，发现Html2Canvas与javascript/jquery一起工作，一切都很好，我唯一无法处理的事情，并想知道是否有一种方法来隐藏源html没有打破结果图像的div。如何生成带有隐藏源(html)的html2canvas图像div

例：

这是怎么回事，现在

这是它应该如何看

所以，当我申请显示：在无源div的css，图像效果是这样的：

最后这里是我到目前为止的代码

var div_to_hide = $("#mydiv:hidden");

$(function() {

$('span.stars').stars();

});

html2canvas([document.getElementById('mydiv')], {

onrendered: function (canvas) {

document.getElementById('canvas').appendChild(canvas);

var data = canvas.toDataURL('image/png');

var image = new Image();

image.src = data;

document.getElementById('image').appendChild(image);

}

});

$.fn.stars = function() {

return $(this).each(function() {

var val = parseFloat($(this).html());

val = Math.round(val * 4)/4;

var size = Math.max(0, (Math.min(5, val))) * 16;

var $span = $('').width(size);

$(this).html($span);

});

}

现在的问题是怎么做的我做了这个工作，只显示图像，而不是HTML源代码。感谢advace。