旋转图像后,尝试模糊部分图像时看不到模糊

时间:2019-06-24 06:25:27

标签: javascript html canvas create.js

我正在使用HTML5画布和“ create.js”创建图像编辑功能。 图像编辑功能具有图像的“旋转”和“模糊”功能。

现在的问题是,“旋转”图像后,如果“模糊”图像的指定区域,则模糊将不会出现在任何地方。 如果不进行旋转,则指定范围将正常模糊。

图像的模糊是使用遮罩剪切的背景图像的一部分,并且为剪切的图像设置了用于模糊的滤镜。

在旋转后如何使模糊正确显示?

“ Create.js”从官方网站获取最新资源

  • 确认可以在不旋转图像的情况下使用模糊处理。
  • 已确认,如果图形模糊而不是图像模糊,即使旋转图像后也能正确显示。

预期结果: 裁剪后的模糊图像显示在“ x坐标:100,y坐标:300”的位置。

实际结果: 剪切和模糊的图像不会出现在任何地方。

n = {b['name'] for b in data['movie']['people']['actors']}

window.addEventListener(“ load”,init);

let myCanvas = document.getElementById("myCanvas");
let myStage = new createjs.Stage("myCanvas");
let myContainer = new createjs.Container();
let myBmp = new createjs.Bitmap("image/600×800.png");

0 个答案:

没有答案