将画布图像转换为 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);

以上代码反映在画布上但不反映在 base64 图像上。

Answer 1

通过hit and trial偶然得到了答案。 而不是使用

$scope.maskCanvas.toDataURL(); 

我们应该使用

$scope.maskctx.canvas.toDataURL();