javascript - 将 Canvas 图像转换为 toDataURL() 时没有滤镜效果

Question

我想要一张图片转base64图片时的滤镜效果。

$scope.maskCanvas = new fabric.Canvas('viewport');          
$scope.maskctx = $scope.maskCanvas.getContext("2d");  
$scope.maskctx.filter = 'contrast(200%)';  
console.log($scope.maskCanvas.toDataURL);

以上代码反射(reflect)在 Canvas 上但不反射(reflect)在 base64 图像上。

Answer 1

通过点击和试用无意中得到了答案。而不是使用

$scope.maskCanvas.toDataURL(); 

我们应该使用

$scope.maskctx.canvas.toDataURL();