HTML2CANVAS图像将通过电子邮件发送

Question

这就是我正在努力实现的目标当在HTML页面中的特定div上按下按钮时，它会转到HTML2CANVAS函数并创建一个画布img。现在我需要将这个图像附加到身体上，并打开一个前景合成框。1） 如何从网页中发送图像嵌入正文的邮件？2） 如何将画布转换为可显示的图像？

Answer 1

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类型，它只能包含纯文本作为正文。。为了进一步参考，这里有一个链接从HTML页面发送邮件，正文中包含图像