从PNG图像复制为空白

时间:2018-02-04 06:37:59

标签: javascript canvas google-chrome-extension

我试图将PNG照片复制到另一个地方,但它会变成黑色。我想在弹出窗口中显示缩放的验证码

当网站每天上午11点IST更改为20分钟时,相同的代码正在运行。

可能是什么问题?:

"use strict";


$("body").append(
        '<img id="anu-img-photo1" />'
        );

$("#cimage").load(function ()
    {
         ff_img_copy(document.getElementById('cimage'), document.getElementById('anu-img-photo1'));


    }).each(function ()
    {
        if (this.complete)
            $(this).load();
    });


function ff_img_copy(src, destination)
    {
        var canvas = document.createElement('canvas');
        var context = canvas.getContext('2d');
        context.fillStyle = '#fff'; /// set white fill style
        canvas.width = src.width;
        canvas.height = src.height;

       // alert('w,h=' + src.width + '+' + src.height);

        context.fillRect(0, 0, canvas.width, canvas.height);
        context.drawImage(src, 0, 0);

        var dataURL = canvas.toDataURL('image/png');
        destination.src = dataURL;
    }

1 个答案:

答案 0 :(得分:0)

我刚删除了这一行:context.fillRect(0, 0, canvas.width, canvas.height);

然后它的工作正常,因为图像是PNG,并且由于透明度,这个问题即将来临。