0

キャンバスから生成された300x150の画像のサイズを640x480 pxのサイズに変更し、新しい画像640x480をbase64で送信する方法。

彼がやったので、私はそれが黒い背景に現れるので画像を失います。

助けてください！

これは私のJavaScriptコードです：

 var context = document.getElementById(idCanvas); // Canvas with image in 300 x 150

    var canvasNew = document.getElementById("canvasToResize"); // Canvas to re-draw with new sizes
    canvasNew.width= 640;
    canvasNew.height = 480;

    var context2 = canvasNew.getContext("2d");
    var image = document.getElementById("newIMG"); // IMG tag for new image with new sizes
    image.onload = function() {
        context2.drawImage(image, 0, 0, 640, 480);
    };

    image.src = context.toDataURL();

   return canvasNew.toDataURL().split(',')[1]; // send base 64
4

1 に答える 1

0 
function canvasPreparedToShipping(canvasSource, canvasDestiny) {

        var canvasS = document.getElementById(canvasSource); // Canvas with image 300 x 150
        var finalImageResize  = "";

        var canvasIMG = document.getElementById(canvasDestiny); // Canvas to resize image
        canvasIMG.width= 640;
        canvasIMG.height = 480;

        var context2 = canvasIMG.getContext("2d");
        var image = document.getElementById("encodeIMG"); // hidden tag for new image   
        image.onload = function() {
             context2.drawImage(image, 0, 0, 640, 480);
             finalImageResize = canvasIMG.toDataURL().split(',')[1];
        };

        image.src = canvasS.toDataURL();

       return finalImageResize;  // Image in base64, ready to send the server 

}
于 2012-07-11T22:52:40.267 に答える