Question

JS 截取图片(img)标签中一块区域的内容转为base64编码

做的一个移动端网页，用户可以多点触控缩放图片（这个功能我已经做好了），现在需要的是，截图心形区域（区域位置我已经计算好）转为base64编码，然后将编码传到服务器

就是能将img标签中某个区域中的内容转为base64编码

能不用插件尽量不要用吧，给最高分，希望能认真帮忙解决一下！要代码不要思路！谢谢！

Answer 1

/**
* Convert an image
* to a base64 string
* @param {String} url
* @param {Function} callback
* @param {String} [outputFormat=image/png]
*/
function convertImgToBase64(url, callback, outputFormat){
var canvas = document.createElement('CANVAS'),
ctx = canvas.getContext('2d'),
img = new Image;
img.crossOrigin = 'Anonymous';
img.onload = function(){
var dataURL;
canvas.height = img.height;
canvas.width = img.width;
ctx.drawImage(img, 0, 0);
dataURL = canvas.toDataURL(outputFormat);
callback.call(this, dataURL);
canvas = null;
};
img.src = url;
}

这个方法试试吧！！！！

追问

图片中的数据也是base64的，不是url

追答

这个url就是经过编码的啊，也就是你要的结果！！！

追问

我是说我img标签src中的就是base64编码，不是文件链接。
而且我要的是截取一块区域内的，你这只是转编码