图像转换为base64 [英] image to base64 conversion

问题描述

 代码：
 var img_src = $（ '＃elementId'）ATTR（ 'SRC'）。 
 converImgToBase64（img_src）
函数convertImgToBase64（url）
 {
 
 var canvas = document.createElement（'CANVAS'）; 
 ctx = canvas.getContext（'2d'）; 
 img = document.createElement（'img'），
 img.src = url; 
 img.onload = function（）
 {
 canvas.height = img.height; 
 canvas.width = img.width; 
 
 
 var dataURL = canvas.toDataURL（'image / png'）; 
 alert（dataURL）; 
 
 var doc = new jsPDF（）; 
 doc.addImage（dataURL，'JPEG'，15，40，180，160）; 
 doc.output（'datauristring'）; 
 canvas = null; 
 
}; 
} 
  

警报框正确显示图像的base64格式，但 PDF不是GENERATING ？
如何为我的图像生成pdf

解决方案

所以你的问题是没有在base64中的图像，但生成从它的PDF。所以，下次再多介绍一下你的标题;）

通过搜索所有这些内容，我发现这个： http://parall.ax/products/jspdf ，我想这应该对你有所帮助。

正如你所看到的，首页的例子看起来很喜欢做你需要的一切;）

I want to convert a images to base64 format for my chrome extension.

CODE:
var img_src = $('#elementId').attr('src');
converImgToBase64(img_src)
function convertImgToBase64(url)
{

    var canvas = document.createElement('CANVAS');
    ctx = canvas.getContext('2d');
    img = document.createElement('img'),
    img.src = url;
    img.onload = function()
    {
        canvas.height = img.height;
        canvas.width = img.width;


        var dataURL = canvas.toDataURL('image/png');
        alert(dataURL);

        var doc = new jsPDF();
        doc.addImage(dataURL, 'JPEG', 15, 40, 180, 160);
       doc.output('datauristring');
        canvas = null; 

    };
}

Alert box correctly shows the base64 format of image but PDF IS NOT GENERATING? How can i generate pdf for my image

解决方案

So your problem is not having an image in base64, but generating a pdf from it. So please, mind a little more you title next time ;)

By googling all these matters, I found this : http://parall.ax/products/jspdf which, i think, should help you.

As you can see, the homepage example look likes doing all that you need ;)

这篇关于图像转换为base64的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！