获得base64图像的否定

时间:2018-01-10 11:36:20

标签: javascript canvas base64

我有一个base64图片。我需要对此负面看待。 确切的代码是:

var img = canvas.toDataURL("image/jpeg", 0.5);

我正在使用jsPDF来获取PDF中的图像。我不能使用context.getImageData(....)因为,jsPDF只有与base64图像数据一起使用的函数。

如果无法做到这一点,请建议一种方法将base64转换为图像像素数据,然后查找其负数并再次转换回base64图像。

1 个答案:

答案 0 :(得分:1)

在致电canvas.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();