Здравствуйте! Помогите решить следующую проблему.
Есть компонент для редактирования аватара пользователя (можно перетягивать картинку).
В этом компоненте есть контейнер для аватара, на него накладывается маска. В него добавляется графический объект. После нужно скопировать эту область под маской.
В итоге есть две проблемы, над которыми просидел целый день:
1. Почему обрезается картинка, если переместить ее вправо или вниз до упора. И как это исправить?
2. Как убрать отступы слева и сверху у скопированной картинки? Как видно она добавляется в контейнер, который должен соприкасаться с черной линией, и верхней границей ролика, но этого не происходит.
Примечание: Если этот компонент размещен на сцене в точке (0;0), то все работает отлично.
Код главного класса:
Код AS3:
package {
import flash.display.MovieClip;
import flash.events.MouseEvent;
import flash.display.Sprite;
public class Main extends MovieClip {
private var _containerImage:Sprite = new Sprite();
public function Main() {
// Компонент
_componentAvatar.addAvatar(new TestMC());
// Контейнер изображения
_containerImage = new Sprite();
addChild(_containerImage);
// Кнопка
_btnSaveImage.addEventListener(MouseEvent.CLICK, saveHandler);
}
private function saveHandler(e:MouseEvent):void {
while (_containerImage.numChildren > 0) _containerImage.removeChildAt(0);
// Добавляем в контейнер копию из нашего компонента
_containerImage.addChild(_componentAvatar.avatarImage);
_containerImage.x = 275;
_containerImage.y = 0;
}
}
}
Код компонента:
Код AS3:
package ui {
import flash.display.Sprite;
import flash.display.DisplayObject;
import flash.events.MouseEvent;
import flash.geom.Rectangle;
import flash.events.Event;
import flash.geom.Matrix;
import flash.geom.Point;
import flash.display.Bitmap;
import flash.display.PixelSnapping;
import flash.display.BitmapData;
public class ComponentAvatar extends Sprite {
private var _contAvatar:Sprite;
private var _mask:Sprite;
private var _boundsRect:Rectangle;
//- CONSTRUCTOR -------------------------------------------------------------------------------------------
public function ComponentAvatar() {
_contAvatar = new Sprite();
_contAvatar.buttonMode = true;
_contAvatar.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
addChild(_contAvatar);
createMask();
_boundsRect = getRect(this);
if (stage) init(null);
else addEventListener(Event.ADDED_TO_STAGE, init);
}
//- PUBLIC & INTERNAL METHODS -----------------------------------------------------------------------------
public function addAvatar(d:DisplayObject):void {
while (_contAvatar.numChildren > 0) _contAvatar.removeChildAt(0);
_contAvatar.scaleX = _contAvatar.scaleY = 1;
_contAvatar.x = _contAvatar.y = 0;
_contAvatar.addChild(d);
var minScaleX:Number = 200 / _contAvatar.width;
var minScaleY:Number = 200 / _contAvatar.height;
// _minScale = (minScaleX > minScaleY) ? minScaleX : minScaleY;
dispatchEvent(new Event(Event.ADDED));
}
//- PRIVATE & PROTECTED METHODS ---------------------------------------------------------------------------
private function createMask():void {
_mask = new Sprite();
_mask.graphics.beginFill(0x000000);
_mask.graphics.drawRoundRect(2, 2, width - 4, height - 4, 15, 15);
_mask.graphics.endFill();
addChild(_mask);
_contAvatar.mask = _mask;
}
private function moveCorrection():void {
// move to right
if (_contAvatar.x > _boundsRect.topLeft.x) {
_contAvatar.x = _boundsRect.topLeft.x;
}
// move to bottom
if (_contAvatar.y > _boundsRect.topLeft.y) {
_contAvatar.y = _boundsRect.topLeft.y;
}
// move left
if (_contAvatar.x < _boundsRect.bottomRight.x - _contAvatar.width) {
_contAvatar.x = _boundsRect.bottomRight.x - _contAvatar.width;
}
// move top
if (_contAvatar.y < _boundsRect.bottomRight.y - _contAvatar.height) {
_contAvatar.y = _boundsRect.bottomRight.y - _contAvatar.height;
}
}
private function cropBitmap( displayObject:DisplayObject, xC:Number = 0, yC:Number = 0, widthC:Number = 0, heightC:Number = 0 ):Bitmap {
if (!widthC) widthC = displayObject.width;
if (!heightC) heightC = displayObject.height;
var cropArea:Rectangle = new Rectangle(0, 0, widthC, heightC );
var bmpd:BitmapData = new BitmapData( widthC, heightC, true, 0x000000 );
var croppedBitmap:Bitmap = new Bitmap( bmpd, PixelSnapping.ALWAYS, true );
var cropMatrix:Matrix = croppedBitmap.transform.matrix;
cropMatrix.translate( -xC, -yC );
bmpd.draw( displayObject, cropMatrix, null, null, cropArea, true );
return croppedBitmap;
}
//- EVENT HANDLERS ----------------------------------------------------------------------------------------
private function init(e:Event):void {
if (e) removeEventListener(Event.ADDED_TO_STAGE, init);
stage.addEventListener(Event.ENTER_FRAME, enterFrameHandler);
}
private function mouseDownHandler(e:MouseEvent):void {
_contAvatar.startDrag();
stage.addEventListener(MouseEvent.MOUSE_UP, stageMouseUpHandler);
}
private function stageMouseUpHandler(e:MouseEvent):void {
_contAvatar.stopDrag();
}
private function enterFrameHandler(e:Event):void {
moveCorrection();
}
// - GETTER & SETTER --------------------------------------------------------------------------------------
public function get avatarImage():DisplayObject {
var ltPoint:Point = _contAvatar.globalToLocal( new Point(0, 0) );
return cropBitmap( _contAvatar, ltPoint.x, ltPoint.y, x + ltPoint.x + 200, y + ltPoint.y + 200 );
}
}
}
Исходник демки CS6:
cropBitmapTest.rar
Вот демо: