Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/csharp-4.0/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取base64图像的负片_Javascript_Canvas_Base64 - Fatal编程技术网

Javascript 获取base64图像的负片

Javascript 获取base64图像的负片,javascript,canvas,base64,Javascript,Canvas,Base64,我有一个base64图像。我需要得到它的反面。 确切的代码是: var img = canvas.toDataURL("image/jpeg", 0.5); 我正在使用jsPDF获取PDF中的图像。我不能使用context.getImageData(..),因为jsPDF只有处理base64图像数据的函数 如果不可能,请建议一种将base64转换为图像像素数据的方法,然后找到该方法的负数,然后再次转换回base64图像。在调用画布之前。toDataURL,您可以使用差分合成操作反转画布上图像本

我有一个base64图像。我需要得到它的反面。 确切的代码是:

var img = canvas.toDataURL("image/jpeg", 0.5);
我正在使用jsPDF获取PDF中的图像。我不能使用
context.getImageData(..)
,因为jsPDF只有处理base64图像数据的函数


如果不可能,请建议一种将base64转换为图像像素数据的方法,然后找到该方法的负数,然后再次转换回base64图像。

在调用
画布之前。toDataURL
,您可以使用差分合成操作反转画布上图像本身的颜色:

ctx.save();
ctx.globalCompositeOperation = 'difference';
ctx.fillStyle = '#fff';
ctx.fillRect(0, 0, canvas.width, canvas.height);
var img = canvas.toDataURL("image/jpeg", 0.5);
ctx.fillRect(0, 0, canvas.width, canvas.height); // Optional: restore the image on the canvas
ctx.restore();