要通过电子邮件发送的HTML2CANVAS图像

时间:2014-10-15 00:09:48

标签: html mailto html2canvas

这就是我想要实现的目标 当在HTML页面中的特定div上按下按钮时,它将转到HTML2CANVAS函数并创建画布img。现在我需要将这个图像附加到身体并打开一个Outlook组合框。 1)如何从网页内发送包含在体内的图像的邮件? 2)如何将画布转换为可显示的图像?

1 个答案:

答案 0 :(得分:0)

  1. 此功能是您第二个问题的答案。此函数将div转换为base64图像,并在完成渲染时将图像显示为div,或者您可以根据需要进行相应操作。

    function getImage(){
    
            html2canvas($("#divID"), {
                onrendered: function(canvas) {
                    //  For image
                    var ctx=canvas.getContext("2d");
    //              ctx.webkitImageSmoothingEnabled = false;
    //              ctx.mozImageSmoothingEnabled = false;
                    ctx.imageSmoothingEnabled = false;
    
                    var convertedImage;
                    $.when(convertedImage = canvas.toDataURL('image/jpg')).promise().done(function(){
    
        $('#finalImg').prop('src', convertedImage)              
                    });  
                }
    
            });                     
    
    }
    
  2. 第一个问题的答案也是一样的,这个转换后的图像可以作为邮件发送图像。

  3. 但是你不能在mailto体中发送MIME类型它只能包含纯文本作为正文.. 这里有一个链接 Sending mail from HTML page with image in the body