रूपांतरण अभी तक समर्थित नहीं हैं।

114 #184 #209

वर्कअराउंड है - सुंदर नहीं, लेकिन फिर भी (पीएनजी और जेपीजी चित्रों के लिए काम करता है)। मूल तर्क: घुमाए गए चित्र ढूंढें, उनका स्थान बदलें और PHP कार्यक्षमता प्रदान करें।

चरण 1 : jQuery फ़ंक्शन शामिल करें जो CSS ट्रांसफ़ॉर्म समर्थन प्रदान करता है।

(function ($) {
    $.fn.rotationDegrees = function () {
         var matrix = this.css("-webkit-transform") ||
    this.css("-moz-transform")    ||
    this.css("-ms-transform")     ||
    this.css("-o-transform")      ||
    this.css("transform");
    if(typeof matrix === 'string' && matrix !== 'none') {
        var values = matrix.split('(')[1].split(')')[0].split(',');
        var a = values[0];
        var b = values[1];
        var angle = Math.round(Math.atan2(b, a) * (180/Math.PI));
    } else { var angle = 0; }
    return angle < 0 ? angle+360 : angle;
   };
}(jQuery));

चरण 2: घुमाए गए चित्रों के स्थान को PHP URL से बदलें (इसे html2canvas रेंडर करने से पहले शामिल करें)।

$("img").each(function(){
    rot = $(this).rotationDegrees();
    if (rot != 0)
        $(this).attr("src", "/rotateimg.php?rotate=" + rot + "&loc=" + $(this).attr("src"));
});

चरण 3: रोटेटिमग.php बनाएं जो रोटेट कार्यक्षमता प्रदान करता है

<?php
$loc = $_GET['loc'];
$rot = -$_GET['rotate'];
$path = "/web/images/path"; // $_SERVER['DOCUMENT_ROOT'] ?
$source = NULL;

if (substr($loc, -3) == "png")
    $source = imagecreatefrompng($path . $loc);
else if (substr($loc, -3) == "jpg") {
    $source = imagecreatefromjpeg($path . $loc);
}

imagealphablending($source, false);
imagesavealpha($source, true);

$img = imagerotate($source, $rot, imageColorAllocateAlpha($source, 0, 0, 0, 127));
imagealphablending($img, false);
imagesavealpha($img, true);

imagepng($img);

?>

मुझे उम्मीद है यह मदद करेगा। =)

मैंने 90, 180 या 270 डिग्री घुमाए गए चित्रों के लिए समर्थन जोड़ा है। https://github.com/mjaggard/html2canvas/tree/simple-rotation

गैर-छवि रोटेशन आम तौर पर समर्थित नहीं है और न ही अन्य परिवर्तन हैं (हालांकि मैं कुछ अनुवाद और घूर्णन html2canvas द्वारा समर्थित हैं क्योंकि यह ब्राउज़र को काम करने देता है)।

सदस्यता लेना। यहां छवियों/एचटीएमएल के लिए बेहतर रोटेशन समाधान की तलाश में है। हमें "डिग्री" के साथ काम करने के लिए -webkit-transform की आवश्यकता है, हालांकि यह मैट्रिक्स सामान नहीं है।

धन्यवाद

अभिवादन,

स्केलिंग के बारे में क्या? मेरे पास एक छोटा पाठ है जो ठीक से प्रस्तुत नहीं करता है; पात्र सभी एक साथ तंग हो जाते हैं। क्या कोई मुझे इस स्केलिंग सुविधा को लागू करने के लिए सही दिशा में इंगित कर सकता है?

मुझे घुमाने की जरूरत है :(

परिवर्तन पैमाने का कार्यान्वयन बहुत अच्छा होगा। मुझे लगता है कि यह वास्तव में एक महत्वपूर्ण बिंदु है, क्योंकि आप फ़ॉन्ट- और छवि-गुणवत्ता बढ़ाने में सक्षम हैं। यदि आप उदाहरण के लिए एक पाठ प्रस्तुत करते हैं और ब्राउज़र के साथ ज़ूम करते हैं, तो गुणवत्ता वास्तव में खराब है। यह आपके html2canvas-प्लगइन को टेक्स्ट-एडिटर वगैरह के लिए भी उपयोगी बना सकता है।

@niklasvh : क्या आप निकट भविष्य में इस सुविधा को लागू करने की योजना बना रहे हैं? मैं इसकी सराहना करूंगा और इसके लिए आपको दान दूंगा ।

नमस्ते, यह सुविधा वास्तव में इस उत्कृष्ट उपकरण को याद करती है, इस सुविधा के लिए कोई योजना?

@mjaggard - क्या पुस्तकालय के हाल के संस्करण में आपकी छवि रोटेशन कोड को एकीकृत करने का कोई मौका है?
मैंने आपका कोड देखा है और ऐसा लगता है कि इसकी संरचना बहुत अलग है।
धन्यवाद!

नमस्ते,

क्या आप जल्द ही इस सुविधा को जोड़ने की योजना बना रहे हैं?
यह बहुत उपयोगी होगा !!

बहुत - बहुत धन्यवाद !

नमस्ते,
इस संस्करण में रोटेशन पहले से ही (वेबकिट-ट्रांसफॉर्म) काम कर रहा है
उदाहरण।
इस वर्ग को किसी भी div में जोड़ें और जांचें कि मैंने पहले ही इसका परीक्षण कर लिया है।

.RT{-ms-transform: घुमाएँ(7deg); /* आईई 9 _/
-वेबकिट-ट्रांसफॉर्म: रोटेट (7 डिग्री); /_ क्रोम, सफारी, ओपेरा */
ट्रांसफॉर्म: रोटेट (7 डिग्री);}

बुध, 7 जनवरी, 2015 में 7:02 बजे पर, dscarteland [email protected]
लिखा था:

नमस्ते,

क्या आप जल्द ही इस सुविधा को जोड़ने की योजना बना रहे हैं?
यह बहुत उपयोगी होगा !!

बहुत - बहुत धन्यवाद !

-
इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें
https://github.com/niklasvh/html2canvas/issues/220#issuecomment -69021663
.

@liteelips मुझे भी, मुझे टेक्स्ट रोटेशन की भी आवश्यकता है :(

क्या किसी को घुमाए गए divs स्क्रीनशॉट के लिए कोई समाधान मिलता है?

+1

सभी ब्राउज़र के लिए रोटेशन और ट्रांसफॉर्म के साथ पूर्ण कार्य कोड। फ़ाइल अटैच नहीं की जा सकती. [email protected] फ़ाइल लेने के लिए मुझे मेल करें

कमाल है धन्यवाद!

क्या आपने पुल अनुरोध करने या JS Fiddle डालने पर विचार किया है?

नमस्ते ,
महान !! क्या मुझे फ़ाइल कृपया रोटेशन और ट्रांसफ़ॉर्मेशन के रूप में मिल सकती है?
अब आपके लिए काम कर रहा है।

मंगलवार, २९ सितंबर, २०१५ अपराह्न ३:३२ बजे, अरिंदम मोजुमदार नोटिफिकेशन @github.com
लिखा था:

सभी ब्राउज़र के लिए रोटेशन और ट्रांसफॉर्म के साथ पूर्ण कार्य कोड। नहीं कर सकते हैं
फ़ाइल संलग्न करें। फाइल लेने के लिए मुझे मेल करें या इस लिंक पर जाएं।

-
इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें
https://github.com/niklasvh/html2canvas/issues/220#issuecomment -144011634
.

_अमर सिंह_
_PHP/MySQL डेवलपर_
_फेसबुक
https://www.facebook.com/pages/Codework/741342762609839 // लिंक्डइन
https://www.linkedin.com/company/kodework_

_ईमेल:_ अमर। [email protected] [email protected]
_मोबाइल: *+91 7040980700
*विभाग: *विकास
*समर्थन:_ [email protected]
_पता:_ ई-4 विसेंट ग्रीन्स, सोकोरो,
पोरवोरिम, गोवा 403521।
_वेबसाइट:_ www.kodework.com

नमस्ते, मैं काम करने के लिए ट्रांसफॉर्म (घुमाने) पाने के लिए भी संघर्ष कर रहा हूं, खासकर आईई में। तैयार कैनवास में वास्तव में एक घुमाया हुआ तत्व होता है, लेकिन आम तौर पर केवल आधा तत्व दिखाया जाता है।

यह है स्क्रिप्ट की शैली:

$('#<id of element>').htmlToCanvas({
        width: 1000, // dimension of your html page
        height: 600, // dimension of your html page
        complete: function(){
      var image = this.htmlToCanvas.toBinrary(); // will return base64 image data
      $('<img emelent>').attr("src",image); // use this as a src of any img element
   }
  });

// कैनवास के लिए एचटीएमएल और बैकएंड के लिए छवि को सहेजना

htmlToCanvas.js फ़ाइल

(फ़ंक्शन ($) {

var canvasCounter = 0;
var canvas, cnvs, ctx, elementArr, callback, _this;

$.fn.htmlToCanvas = function(options){

    var defaults    = {width: 1000, height: 600, complete: null};
    callback        = $.extend(defaults, options);
    _this           = this;

    return this.each(function(){

        createImage('#'+$(this)[0].id);
    });
}

$.fn.htmlToCanvas.toBinrary = function() {
    return cnvs.toDataURL("image/jpeg",1);
// return   cnvs.toDataURL({
//      format: 'png',
//      left: 0,
//      top: 0,
//      width: 200,
//      height: 150
//  })
}

$.fn.htmlToCanvas.removeCanvas = function() {
    canvas.remove();
}

function createImage(divobj)
{
    ////console.log(divobj);

    if(canvas) canvas.remove();
    canvas = $('<canvas id="canvas" width="' + callback.width + '" height="'+ callback.height +'" style="display: block;"></canvas>');
    $('body').append(canvas);
    cnvs    = document.getElementById('canvas')
    ctx     = cnvs.getContext("2d");

    ctx.fillStyle = $(divobj).css('background-color');
    ctx.fillRect(0,0,callback.width, callback.height);
    canvasCounter = 0;
    elementArr      = [];

    $(divobj + " img").each(function(index){
        elementArr.push({type: 'img', zindex: $(this).css('z-index'), imgobj: $(this)});
        console.log($(this));
    });

    $(divobj + " div").each(function(index){
        elementArr.push({type: 'txt', zindex: $(this).css('z-index'), imgobj: $(this)});
    });

    elementArr.sort(function (a, b) {
         //var a_zindex = a && a.zindex || "",
            //b_zindex = b && b.zindex || "";
        //return a_zindex.localeCompare(b_zindex);
        var dif = Number(a.zindex - b.zindex);
        //alert('cal '+dif);
        return (dif);
    });

    //--------- background images ----------

    if($(divobj).css('background-image') != 'none'){

        var background = new Image();
        var back_source = $(divobj).css('background-image');
        back_source = back_source.substring(4, back_source.length-1);
        back_source = back_source.replace('"', '');
        back_source = back_source.replace('"', '');
        //background.src = back_source;

        $.ajax({
            type: 'POST',
            url: 'data/imagedata.php',
            data: {'imgurl': back_source},
            success: function(_data){
                //console.log(_data);
                var imagedata = 'data:image/jpeg;base64,' + _data;
                background.src = imagedata;
                background.onload = function(){
                    for (var w = 0; w < canvas.attr('width'); w += background.width) {
                        for (var h = 0; h < canvas.attr('height'); h  += background.height){
                            ctx.drawImage(background, w, h);
                        }
                    }

                    if(elementArr.length > 0){
                        htmlToCanvas(elementArr[canvasCounter].type, elementArr[canvasCounter].imgobj);
                    } else {
                        postCanvas();
                    }
                }
            },
            error: function(xhr, textstatus){
                ////console.log(textstatus);
            }
        });

    } else {
        if(elementArr.length > 0){
            htmlToCanvas(elementArr[canvasCounter].type, elementArr[canvasCounter].imgobj);
        } else {
            postCanvas();
        }
    }
}

function htmlToCanvas(type, obj){

    if(type == 'img'){
        var canvas_img = new Image();
        canvas_img.crossOrigin = "*";  // This enables CORS
        canvas_img.src = obj.attr('src');
        //console.log(canvas_img.src);
        var matrix = getObjMatrix(obj);
        matrix = matrix.substring(7,matrix.length-1).split(', ');

            canvas_img.onload = function(){
                //console.log('onload');
                ctx.save();
                ctx.transform(matrix[0], matrix[1], matrix[2], matrix[3], matrix[4], matrix[5]);
                ctx.drawImage(canvas_img, 0, 0);
                ctx.restore();
                putAnotherElementToCanvas();
        }

    /*  $.ajax({
            type: 'POST',
            url: 'data/imagedata.php',
            data: {'imgurl': obj.attr('src')},
            success: function(_data){

                var imagedata = 'data:image/png;base64,' + _data;
                canvas_img.src = imagedata;

                canvas_img.onload = function(){
                    ctx.save();
                    ctx.transform(matrix[0], matrix[1], matrix[2], matrix[3], matrix[4], matrix[5]);
                    ctx.drawImage(canvas_img, 0, 0);
                    ctx.restore();
                    putAnotherElementToCanvas();
                }
            },
            error: function(xhr, textstatus){
                ////console.log(textstatus);
            }
        });*/

    } else if(type == 'txt'){

        ctx.save();

        var matrix = getObjMatrix(obj);
        matrix = matrix.substring(7,matrix.length-1).split(', ');

        ctx.setTransform(matrix[0], matrix[1], matrix[2], matrix[3], matrix[4], matrix[5]);
        ctx.fillStyle = obj.css('background-color');
        ctx.fillRect(0, -7, obj.width(), obj.height());

        ctx.fillStyle = obj.css('color');
        ctx.font = (obj.css('font-size') + ' '  + obj.css('font-family')).toString();
        ctx.textAlign = obj.css('text-align');

        var xpos;
        if(obj.css('text-align') == 'left'){
            xpos = matrix[4];
        } else if(obj.css('text-align') == 'center'){
            xpos = Number(matrix[4]) + (obj.width()*matrix[0])/2;

        } else if(obj.css('text-align') == 'right'){
            xpos = Number(matrix[4]) + (obj.width()*matrix[0]);
        }

        ctx.setTransform(matrix[0], matrix[1], matrix[2], matrix[3], xpos, matrix[5]);
        var lh = obj.css('font-size').replace('px', '')*1.2;

        wrapText(ctx, obj.text(), 0, lh/2, obj.width()+25, lh);

        ctx.restore();
        putAnotherElementToCanvas();
    }
}

function putAnotherElementToCanvas(){

    canvasCounter++;
    console.log(canvasCounter+ ' - ' +elementArr.length)
    if(canvasCounter < elementArr.length){
        htmlToCanvas(elementArr[canvasCounter].type, elementArr[canvasCounter].imgobj);
    } else {
        postCanvas();
    }
}

function postCanvas()
{
    var tempCanvas      = document.createElement('canvas');
    tempCanvas.width    = cnvs.width;
    tempCanvas.height = cnvs.height;
    tempCanvas.getContext('2d').drawImage(cnvs, 0, 0);
//  cnvs.width              = 170;
//  cnvs.height             = 102;
    cnvs.getContext('2d').drawImage(tempCanvas, 0, 0, tempCanvas.width, tempCanvas.height, 0, 0, cnvs.width, cnvs.height);
    $.isFunction(callback.complete) && callback.complete.call(_this);
    canvas.remove();
}

function wrapText(context, text, x, y, maxWidth, lineHeight) {
    var words = text.split(' ');
    var line = '';

    for(var n = 0; n < words.length; n++) {
      var testLine = line + words[n] + ' ';
      var metrics = context.measureText(testLine);
      var testWidth = metrics.width;
      if(testWidth > maxWidth) {
        context.fillText(line, x, y);
        line = words[n] + ' ';
        y += lineHeight;
      }
      else {
        line = testLine;
      }
    }
    context.fillText(line, x, y);
}

function getObjMatrix(obj) {
    var matrix = obj.css("-webkit-transform") ||
    obj.css("-moz-transform") ||
    obj.css("-ms-transform") ||
    obj.css("-o-transform") ||
    obj.css("transform");
    return matrix;
}

})(jQuery);
ए

बैकग्राउंड इमेज और एसवीजी ग्राफिक्स के साथ अपडेट किया गया।

// कैनवास के लिए एचटीएमएल और बैकएंड के लिए छवि को सहेजना
(फ़ंक्शन ($) {

var canvasCounter = 0;
var canvas, cnvs, ctx, elementArr, callback, _this;

$.fn.htmlToCanvas = function(options) {

    var defaults = {
        width: 1000,
        height: 600,
        complete: null
    };
    callback = $.extend(defaults, options);
    _this = this;

    return this.each(function() {

        createImage('#' + $(this)[0].id);
    });
}

$.fn.htmlToCanvas.toBinrary = function() {
    return cnvs.toDataURL("image/jpeg", 1);
}

$.fn.htmlToCanvas.removeCanvas = function() {
    canvas.remove();
}

function createImage(divobj) {
    if (canvas) canvas.remove();
    canvas = $('<canvas id="canvas" width="' + callback.width + '" height="' + callback.height + '" style="display: block;"></canvas>');
    $('body').append(canvas);
    cnvs = document.getElementById('canvas')
    ctx = cnvs.getContext("2d");

    ctx.fillStyle = $(divobj).css('background-color');
    ctx.fillRect(0, 0, callback.width, callback.height);
    canvasCounter = 0;
    elementArr = [];

    $(divobj + " img").each(function(index) {
        elementArr.push({
            type: 'img',
            zindex: $(this).css('z-index'),
            imgobj: $(this)
        });
    });

    $(divobj + " div.text-field").each(function(index) {
        elementArr.push({
            type: 'txt',
            zindex: $(this).css('z-index'),
            imgobj: $(this)
        });
    });
    /*======================== for svg rendar pm7014.10.15 ========================*/
    $(divobj + " div.hotsPot svg").each(function(index) {
        elementArr.push({
            type: 'svg',
            zindex: $(this).parent().css('z-index'),
            imgobj: $(this)
        });
    });
    /*======================== for svg rendar End pm7014.10.15 ========================*/
    elementArr.sort(function(a, b) {
        var dif = Number(a.zindex - b.zindex);
        return (dif);
    });

    //--------- background images ----------

    if ($(divobj).css('background-image') != 'none') {

        var background = new Image();
        var back_source = $(divobj).css('background-image');
        back_source = back_source.substring(4, back_source.length - 1);
        back_source = back_source.replace('"', '');
        back_source = back_source.replace('"', '');

        background.crossOrigin = "*"; // This enables CORS
        background.src = back_source;

        background.onload = function() {
            for (var w = 0; w < canvas.attr('width'); w += background.width) {
                for (var h = 0; h < canvas.attr('height'); h += background.height) {
                    ctx.drawImage(background, w, h);
                }
            }

            if (elementArr.length > 0) {
                htmlToCanvas(elementArr[canvasCounter].type, elementArr[canvasCounter].imgobj);
            } else {
                postCanvas();
            }
        }

    } else {
        if (elementArr.length > 0) {
            htmlToCanvas(elementArr[canvasCounter].type, elementArr[canvasCounter].imgobj);
        } else {
            postCanvas();
        }
    }
}

function htmlToCanvas(type, obj) {

    if (type == 'img') {
        var canvas_img = new Image();
        canvas_img.crossOrigin = "*"; // This enables CORS
        canvas_img.src = obj.attr('src');
        var matrix = getObjMatrix(obj);
        matrix = matrix.substring(7, matrix.length - 1).split(', ');

        canvas_img.onload = function() {
            ctx.save();
            ctx.transform(matrix[0], matrix[1], matrix[2], matrix[3], matrix[4], matrix[5]);
            ctx.drawImage(canvas_img, 0, 0);
            ctx.restore();
            putAnotherElementToCanvas();
        }

    } else if (type == 'txt') {

        ctx.save();

        var matrix = getObjMatrix(obj);
        matrix = matrix.substring(7, matrix.length - 1).split(', ');

        ctx.setTransform(matrix[0], matrix[1], matrix[2], matrix[3], matrix[4], matrix[5]);
        ctx.fillStyle = obj.css('background-color');
        ctx.fillRect(0, -7, obj.width(), obj.height());

        ctx.fillStyle = obj.css('color');
        ctx.font = (obj.css('font-size') + ' ' + obj.css('font-family')).toString();
        ctx.textAlign = obj.css('text-align');

        var xpos;
        if (obj.css('text-align') == 'left') {
            xpos = matrix[4];
        } else if (obj.css('text-align') == 'center') {
            xpos = Number(matrix[4]) + (obj.width() * matrix[0]) / 2;

        } else if (obj.css('text-align') == 'right') {
            xpos = Number(matrix[4]) + (obj.width() * matrix[0]);
        }

        ctx.setTransform(matrix[0], matrix[1], matrix[2], matrix[3], xpos, matrix[5]);
        var lh = obj.css('font-size').replace('px', '') * 1.2;

        wrapText(ctx, obj.text(), 0, lh / 2, obj.width() + 25, lh);

        ctx.restore();
        putAnotherElementToCanvas();
        /*======================== for svg rendar pm7014.10.15 ========================*/
    } else if (type == 'svg') {
        svgObj = setAttributes(obj);
        var data = "data:image/svg+xml;base64," + window.btoa($(obj).parent().html());
        var svg_img = new Image();
        svg_img.src = data;
        var svgMatrix = getObjMatrix(obj.parent());
        svgMatrix = svgMatrix.substring(7, svgMatrix.length - 1).split(', ');
        svg_img.onload = function() {
            ctx.save();
            ctx.transform(svgMatrix[0], svgMatrix[1], svgMatrix[2], svgMatrix[3], svgMatrix[4], svgMatrix[5]);
            ctx.drawImage(svg_img, 0, 0);
            ctx.restore();
            putAnotherElementToCanvas();
        };
    }
    /* ======================== for svg rendar pm7014.10.15 ======================== */

}

function setAttributes(el) {
    el.attr("version", "1.1");
    el.attr("xmlns", "http://www.w3.org/2000/svg");
    el.attr("xmlns:xlink", "http://www.w3.org/1999/xlink");
    return el;
}



function putAnotherElementToCanvas() {

    canvasCounter++;
    //console.log(canvasCounter+ ' - ' +elementArr.length)
    if (canvasCounter < elementArr.length) {
        htmlToCanvas(elementArr[canvasCounter].type, elementArr[canvasCounter].imgobj);
    } else {
        postCanvas();
    }
}

function postCanvas() {
    var tempCanvas = document.createElement('canvas');
    tempCanvas.width = cnvs.width;
    tempCanvas.height = cnvs.height;
    tempCanvas.getContext('2d').drawImage(cnvs, 0, 0);
    //  cnvs.width              = 170;
    //  cnvs.height             = 102;
    cnvs.getContext('2d').drawImage(tempCanvas, 0, 0, tempCanvas.width, tempCanvas.height, 0, 0, cnvs.width, cnvs.height);
    $.isFunction(callback.complete) && callback.complete.call(_this);
    canvas.remove();
}

function wrapText(context, text, x, y, maxWidth, lineHeight) {
    var words = text.split(' ');
    var line = '';

    for (var n = 0; n < words.length; n++) {
        var testLine = line + words[n] + ' ';
        var metrics = context.measureText(testLine);
        var testWidth = metrics.width;
        if (testWidth > maxWidth) {
            context.fillText(line, x, y);
            line = words[n] + ' ';
            y += lineHeight;
        } else {
            line = testLine;
        }
    }
    context.fillText(line, x, y);
}

function getObjMatrix(obj) {
    var matrix = obj.css("-webkit-transform") ||
        obj.css("-moz-transform") ||
        obj.css("-ms-transform") ||
        obj.css("-o-transform") ||
        obj.css("transform");
    return matrix;
}

})(jQuery);

सीएसएस रोटेशन और ट्रांसफॉर्म पूरी तरह से काम नहीं करता है ... मेरे पास ये सामान मेरे कोड में हैं
ट्रांसफ़ॉर्म: रोटेट (-13deg);
जेड-इंडेक्स: 40;
. कृपया कोई अपडेट।

मैंने इसके लिए मैट्रिक्स का इस्तेमाल किया है। इसको आजमाओ।

गुरु, 15 अक्टूबर, 2015 दोपहर 1:57 बजे, यो यो सूचनाएं @github.com ने लिखा:

सीएसएस रोटेशन और ट्रांसफॉर्म पूरी तरह से काम नहीं करता है ... मेरे पास ये सामान हैं
मेरे कोड में
ट्रांसफ़ॉर्म: रोटेट (-13deg);
जेड-इंडेक्स: 40;
. कृपया कोई अपडेट।

-
इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें
https://github.com/niklasvh/html2canvas/issues/220#issuecomment -148316296
.

_नोट: हम दुर्गा पूजा के लिए रवाना होंगे
https://en.wikipedia.org/wiki/Durga_Puja की छुट्टी 20 से 23 तारीख तक
अक्टूबर।_

शुभकामनाएं
_अरिंदम मोजुमदार_
मैं
HTML5 और jQuery टीम लीड

_इंडस नेट टेक्नोलॉजीज_ http://www.indusnet.co.in
एक आईएसओ 9001:2008 और आईएसओ 27001:2005 प्रमाणित कंपनी

डन एंड ब्रैडस्ट्रीट द्वारा 2008 में भारत में # 1 आईटी एसएमई का दर्जा दिया गया

Gtalk : [email protected]

स्काइप: अरिंदम_मोजुमदार

भीड़:+919830307843,+918420200614
फोन: +91-33-32902857/23576070
टोल-फ्री (अमेरिका और कनाडा): +1-888-652-2121
यूके : +44-020-81444070

फैक्स: +1-760-284-6062

इस संदेश में ऐसी जानकारी है जो विशेषाधिकार प्राप्त या गोपनीय हो सकती है
और इंडस नेट प्रौद्योगिकियों की संपत्ति है
http://www.indusnet.co.in/। यह केवल उस व्यक्ति के लिए अभिप्रेत है जिसके लिए यह
संबोधित किया गया। यदि आप इच्छित प्राप्तकर्ता नहीं हैं, तो आप अधिकृत नहीं हैं
इस संदेश को पढ़ने, प्रिंट करने, प्रतिलिपि बनाए रखने, प्रसार करने, वितरित करने या उपयोग करने के लिए
या उसका कोई भाग। अगर आपको यह संदेश गलती से प्राप्त होता है, तो कृपया सूचित करें
प्रेषक को तुरंत और इस संदेश की सभी प्रतियों को हटा दें। सिंधु जाल
प्रौद्योगिकी http://www.indusnet.co.in/ इसके लिए कोई दायित्व स्वीकार नहीं करता है
वायरस संक्रमित मेल।

@arindamm कौन सा? क्या आप मुझे अपडेट की गई फाइल भेज सकते हैं।

@arindamm : यदि आप उपरोक्त कोड के बारे में बात कर रहे हैं तो इसे बिल्कुल कहां जोड़ना है।

पहले से ही जोड़ा गया है, मेरे पिछले मेल में संलग्न जेएस फ़ाइल की जांच करें।

गुरु, 15 अक्टूबर, 2015 को अपराह्न 3:52 बजे, यो यो सूचनाएं @github.com ने लिखा:

@arindamm https://github.com/arindamm : अगर आप के बारे में बात कर रहे हैं
कोड से ऊपर जहां इसे बिल्कुल जोड़ना है।

-
इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें
https://github.com/niklasvh/html2canvas/issues/220#issuecomment -148344194
.

_नोट: हम दुर्गा पूजा के लिए रवाना होंगे
https://en.wikipedia.org/wiki/Durga_Puja की छुट्टी 20 से 23 तारीख तक
अक्टूबर।_

शुभकामनाएं
_अरिंदम मोजुमदार_
मैं
HTML5 और jQuery टीम लीड

_इंडस नेट टेक्नोलॉजीज_ http://www.indusnet.co.in
एक आईएसओ 9001:2008 और आईएसओ 27001:2005 प्रमाणित कंपनी

डन एंड ब्रैडस्ट्रीट द्वारा 2008 में भारत में # 1 आईटी एसएमई का दर्जा दिया गया

Gtalk : [email protected]

स्काइप: अरिंदम_मोजुमदार

भीड़:+919830307843,+918420200614
फोन: +91-33-32902857/23576070
टोल-फ्री (अमेरिका और कनाडा): +1-888-652-2121
यूके : +44-020-81444070

फैक्स: +1-760-284-6062

इस संदेश में ऐसी जानकारी है जो विशेषाधिकार प्राप्त या गोपनीय हो सकती है
और इंडस नेट प्रौद्योगिकियों की संपत्ति है
http://www.indusnet.co.in/। यह केवल उस व्यक्ति के लिए अभिप्रेत है जिसके लिए यह
संबोधित किया गया। यदि आप इच्छित प्राप्तकर्ता नहीं हैं, तो आप अधिकृत नहीं हैं
इस संदेश को पढ़ने, प्रिंट करने, प्रतिलिपि बनाए रखने, प्रसार करने, वितरित करने या उपयोग करने के लिए
या उसका कोई भाग। अगर आपको यह संदेश गलती से प्राप्त होता है, तो कृपया सूचित करें
प्रेषक को तुरंत और इस संदेश की सभी प्रतियों को हटा दें। सिंधु जाल
प्रौद्योगिकी http://www.indusnet.co.in/ इसके लिए कोई दायित्व स्वीकार नहीं करता है
वायरस संक्रमित मेल।

@arindamm @niklasvh क्या आप लोगों के पास इस मुद्दे पर कोई अपडेट है? मैं कुछ पाठ को लंबवत रूप से संरेखित करने का प्रयास कर रहा हूं और यह सही नहीं निकला है। आईई 11 में ठीक काम करता है लेकिन आईई 9 में काम नहीं कर रहा है।

क्षमा मांगना।

सोम, 19 अक्टूबर, 2015 को अपराह्न 3:45 बजे, रंगा नोटिफिकेशन @github.com ने लिखा:

@arindamm https://github.com/arindamm @niklasvh
https://github.com/niklasvh क्या आप लोगों के पास इस मुद्दे पर कोई अपडेट है?
मैं कुछ पाठ को लंबवत रूप से संरेखित करने का प्रयास कर रहा हूं और यह सही नहीं निकला है।
आईई 11 में ठीक काम करता है लेकिन आईई 9 में काम नहीं कर रहा है।

-
इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें
https://github.com/niklasvh/html2canvas/issues/220#issuecomment -149174708
.

_नोट: हम दुर्गा पूजा के लिए रवाना होंगे
https://en.wikipedia.org/wiki/Durga_Puja की छुट्टी 20 से 23 तारीख तक
अक्टूबर।_

शुभकामनाएं
_अरिंदम मोजुमदार_
मैं
HTML5 और jQuery टीम लीड

_इंडस नेट टेक्नोलॉजीज_ http://www.indusnet.co.in
एक आईएसओ 9001:2008 और आईएसओ 27001:2005 प्रमाणित कंपनी

डन एंड ब्रैडस्ट्रीट द्वारा 2008 में भारत में # 1 आईटी एसएमई का दर्जा दिया गया

Gtalk : [email protected]

स्काइप: अरिंदम_मोजुमदार

भीड़:+919830307843,+918420200614
फोन: +91-33-32902857/23576070
टोल-फ्री (अमेरिका और कनाडा): +1-888-652-2121
यूके : +44-020-81444070

फैक्स: +1-760-284-6062

इस संदेश में ऐसी जानकारी है जो विशेषाधिकार प्राप्त या गोपनीय हो सकती है
और इंडस नेट प्रौद्योगिकियों की संपत्ति है
http://www.indusnet.co.in/। यह केवल उस व्यक्ति के लिए अभिप्रेत है जिसके लिए यह
संबोधित किया गया। यदि आप इच्छित प्राप्तकर्ता नहीं हैं, तो आप अधिकृत नहीं हैं
इस संदेश को पढ़ने, प्रिंट करने, प्रतिलिपि बनाए रखने, प्रसार करने, वितरित करने या उपयोग करने के लिए
या उसका कोई भाग। अगर आपको यह संदेश गलती से प्राप्त होता है, तो कृपया सूचित करें
प्रेषक को तुरंत और इस संदेश की सभी प्रतियों को हटा दें। सिंधु जाल
प्रौद्योगिकी http://www.indusnet.co.in/ इसके लिए कोई दायित्व स्वीकार नहीं करता है
वायरस संक्रमित मेल।

@arindamm @niklasvh : हैलो सर, ओवरफ्लो: हिडन और मार्जिन-लेफ्ट: -42px; मेरी छवियों पर लागू नहीं हो रहा है। कृपया मुझे एक समाधान देखें या क्या आप कृपया फ़ाइल को अपडेट कर सकते हैं। कृपया।

मैंने उस हिस्से में काम नहीं किया। कहने के लिए खेद है कि मैं मदद नहीं कर सकता। आप अपना बना सकते हैं
खुद का फंक्शन और इमेज को कैनवस.ड्रा () फंक्शन द्वारा क्रॉप करें।

थू, 29 अक्टूबर, 2015 को पूर्वाह्न 11:12 बजे, यो यो नोटिफिकेशन @github.com ने लिखा:

@arindamm https://github.com/arindamm @niklasvh
https://github.com/niklasvh : हैलो सर, अतिप्रवाह :hidden is not
मेरी छवियों पर लागू हो रही है। कृपया मुझे कोई समाधान बताएं या क्या आप कृपया कर सकते हैं
फ़ाइल को अपडेट करें। कृपया।

-
इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें
https://github.com/niklasvh/html2canvas/issues/220#issuecomment -152082507
.

शुभकामनाएं
_अरिंदम मोजुमदार_
मैं
HTML5 और jQuery टीम लीड

_इंडस नेट टेक्नोलॉजीज_ http://www.indusnet.co.in
एक आईएसओ 9001:2008 और आईएसओ 27001:2005 प्रमाणित कंपनी

डन एंड ब्रैडस्ट्रीट द्वारा 2008 में भारत में # 1 आईटी एसएमई का दर्जा दिया गया

Gtalk : [email protected]

स्काइप: अरिंदम_मोजुमदार

भीड़:+919830307843,+918420200614
फोन: +91-33-32902857/23576070
टोल-फ्री (अमेरिका और कनाडा): +1-888-652-2121
यूके : +44-020-81444070

फैक्स: +1-760-284-6062

इस संदेश में ऐसी जानकारी है जो विशेषाधिकार प्राप्त या गोपनीय हो सकती है
और इंडस नेट प्रौद्योगिकियों की संपत्ति है
http://www.indusnet.co.in/। यह केवल उस व्यक्ति के लिए अभिप्रेत है जिसके लिए यह
संबोधित किया गया। यदि आप इच्छित प्राप्तकर्ता नहीं हैं, तो आप अधिकृत नहीं हैं
इस संदेश को पढ़ने, प्रिंट करने, प्रतिलिपि बनाए रखने, प्रसार करने, वितरित करने या उपयोग करने के लिए
या उसका कोई भाग। अगर आपको यह संदेश गलती से प्राप्त होता है, तो कृपया सूचित करें
प्रेषक को तुरंत और इस संदेश की सभी प्रतियों को हटा दें। सिंधु जाल
प्रौद्योगिकी http://www.indusnet.co.in/ इसके लिए कोई दायित्व स्वीकार नहीं करता है
वायरस संक्रमित मेल।

आप एक वर्कअराउंड कर सकते हैं जो यहां बताया गया है:
http://www.jjoe64.com/2015/10/html2canvas-and-css-transform-rotate.html

@ jjoe64 https://github.com/niklasvh/html2canvas/issues/209#issuecomment -152904727

यह अनुमान अभी भी नहीं देखा गया है।

लंबवत संरेखण के लिए काम करने के लिए आवश्यक अनुवाद वाई (उम्मीद है कि यह एक सरल कार्यान्वयन होता लेकिन स्पष्ट रूप से नहीं)।

मैं

          img = document.createElement("img")
          img.src = canvas.toDataURL()
          newCanvas = document.createElement('canvas')
          ctx = newCanvas.getContext("2d")
          newCanvas.height = 350
          newCanvas.width = 200
          ctx.translate(185, 35)
          ctx.rotate(90 * Math.PI/180)
          ctx.drawImage(img,0,0); #draw it
          canvasURL = newCanvas.toDataURL()

html2canvas से, मुझे कैनवास मिलता है। मैं फिर उपरोक्त जावास्क्रिप्ट का उपयोग एक नया कैनवास बनाने के लिए करता हूं जिसे 90 डिग्री घुमाया जाता है।

ऊंचाई, चौड़ाई का उपयोग करें, अपने उपयोग के मामले के अनुसार संपत्ति का अनुवाद करें

बॉक्स-छाया css3 काम नहीं कर रहा है लेकिन फिर भी धन्यवाद

1.0.0 . में रूपांतरण आंशिक रूप से समर्थित हैं

@niklasvh वास्तव में कौन से परिवर्तन हैं और समर्थित नहीं हैं, इस पर कोई जानकारी?

घुमाना काम नहीं कर रहा लगता है