$(document).on('click','#btn',function(){
let pdf = new jsPDF();
//let section=$('#downloadable');
let section=$('#downloadable');
let page= function() {
    pdf.save('pagename.pdf');
   
};
pdf.addHTML(section,page);
})

$(document).on('click','.zoomin',function(){
	//alert("zoomin");
	var scal_val=$("#zoomin_input").val();
	scal_val= (parseFloat(scal_val)+(0.01));
	$("#my_tree").css("transform", "scale("+ scal_val +")");
	$("#zoomin_input").val(scal_val);
	$("#zoomin_out").val(scal_val);
});
$(document).on('click','.zoomout',function(){
	//alert("zoomout");
	var scal_val=$("#zoomin_out").val();
	scal_val= (parseFloat(scal_val)-(0.01));
	$("#my_tree").css("transform", "scale("+ scal_val +")");
	$("#zoomin_out").val(scal_val);
	$("#zoomin_input").val(scal_val);
});

$(document).on('click','.zoomreset',function(){
	$("#my_tree").css("transform", "scale(1)");
	$("#zoomin_out").val(1);
	$("#zoomin_input").val(1);
});

$('#myRange').on('change', function(){
	var rang=$('#myRange').val();
    $('#my_tree').css("left", rang+'%');
});;