Print Screen

Hello;
With this js code, I ensure that the form only prints, but the image appears distorted. Doesn’t it come in the form of the current page image?
How do I fix this?

Incoming Image

The Image I Want

<SCRIPT>
function printForm(){
	var w = window.open(null, 'Print_Page', 'scrollbars=yes');
	jQuery('#fbuilder input').each(function () {
		var e = jQuery(this);
		e.text(e.val()).attr('value', e.val());
		if (e.hasClass('large'))
			e.css('width', '100%');
		if (typeof e.prop('checked') != 'undefined' && e.prop('checked'))
			e.attr('CHECKED', e.prop('checked'));
	});
	var html = jQuery('#fbuilder').html();
	jQuery('#fbuilder TEXTAREA').each(function () {
		var e = jQuery(this).parent().html();
		html = html.replace(e, jQuery(this).val());
	});
	jQuery('#fbuilder SELECT').each(function () {
		var e = jQuery(this).parent().html();
		html = html.replace(e, jQuery(this).find('option:selected')[0].text);
	});
	w.document.write(html);
	w.document.close();
	w.print();
}
</SCRIPT>