当前位置：文江博客话题详情

使用非矩形形状在 Flex 中裁剪图像

发布于 2024-08-09 08:10:07 字数 307 浏览 9 评论 0原文

我一直在按照本教程在 Flex 中裁剪图像： http://code.mediablur.com /ImageCropper/ImageCropperDemo.html。

其裁剪的核心是使用一种称为“copyPixels”的方法。然而，该方法将矩形形状作为其裁剪区域的参数之一。我可以使用其他策略来裁剪它而不是使用矩形吗？

我将让用户指定应该使用一系列点裁剪的区域。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

晚风撩人 2024-08-16 08:10:07

当然，生成的图像必须是矩形，但您可以使用 BitmapData.draw 和 BlendMode：

var originalImage:BitmapData; // defined
var maskPath:GraphicsPath; // defined

var maskShape:Shape = new Shape();
maskShape.graphics.beginFill(0, 0); // fill region with transparent
maskShape.graphics.drawRect(0, 0, originalImage.width, originalImage.height);
maskShape.graphics.endFill();

maskShape.graphics.beginFill(0xFF0000);
maskShape.graphics.drawPath(maskPath.commands, maskPath.data, maskPath.winding);
maskShape.graphics.endFill();

var resultImage:BitmapData = originalImage.clone();
resultImage.draw(maskShape, null, null, BlendMode.ALPHA);

对于裁剪，您可能会在最后几行中做一些更奇特的事情 - 复制一个区域而不是克隆整个区域originalImage，和/或在应用 maskShape 时应用变换。

（我认为有必要使用 DisplayObject 来使用 BlendMode，但这在文档中并不清楚。）

The resulting image has to be a rectangle, of course, but you can mask with transparency using BitmapData.draw and BlendMode:

var originalImage:BitmapData; // defined
var maskPath:GraphicsPath; // defined

var maskShape:Shape = new Shape();
maskShape.graphics.beginFill(0, 0); // fill region with transparent
maskShape.graphics.drawRect(0, 0, originalImage.width, originalImage.height);
maskShape.graphics.endFill();

maskShape.graphics.beginFill(0xFF0000);
maskShape.graphics.drawPath(maskPath.commands, maskPath.data, maskPath.winding);
maskShape.graphics.endFill();

var resultImage:BitmapData = originalImage.clone();
resultImage.draw(maskShape, null, null, BlendMode.ALPHA);

For cropping, you would probably do something more fancy in the last few lines--copying a region instead of cloning the whole originalImage, and/or applying a transform when applying the maskShape.

(I believe it's necessary to use a DisplayObject to use BlendModes, but that's not clear in the documentation.)

回复收藏 0 原文

~没有更多了~