javascript - 将画布图像转换为 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 图像上。

标签： javascriptimagesvgcanvasfilter

Answer 1

通过打击和审判意外得到了答案。而不是使用

$scope.maskCanvas.toDataURL(); 

我们应该使用

$scope.maskctx.canvas.toDataURL();