Set Quality of Png with html2canvas

Question

        html2canvas($(\"#Element\"), {
  onrendered: function(canvasq) {
    var w=window.open();
    w.document.write(\"
\"+Re         


        

Answer 1

the approach with css scale is correct.

first we need to scale up element, then in "html2canvas" callback scale it down.

var ELEMENT = jQuery("#ELEMENT");

//get element width and height
var w = ELEMENT.width();
var h = ELEMENT.height();

//scale up your element
ELEMENT.css({
'transform': 'scale(3)',
'-ms-transform': 'scale(3)',
'-webkit-transform': 'scale(3)' });

//run html2canvas
html2canvas(ELEMENT, {
onrendered: function(canvas) {

//scale back your element
ELEMENT.css({
'transform': '',
'-ms-transform': '',
'-webkit-transform': '' });

//your actions to canvas
var win = window.open();
win.document.write('
ttl
');
win.document.write('');
win.print();


},
//set proper canvas width and height
width: w*3,
height: h*3
});