如何在 ActionScript 3 中检测位图中可以填充的区域？

Question

我需要能够检测类似于着色书图片的填充区域。用户将在需要填充的区域内单击。该图像是用户创建的位图内容，因此必须在运行时检测填充区域。

<fx:Script>
    <![CDATA[
        protected function myImage_clickHandler(event:MouseEvent):void
        {
            myImage.imageDisplay.bitmapData.floodFill(event.localX,event.localY,0xFFFFFF);
        }
    ]]>
</fx:Script>

<s:Image id="myImage" click="myImage_clickHandler(event)" source="/images/square.gif"/>

Answer 1

http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/BitmapData.html?filter_coldfusion=9&filter_flex=3&filter_flashplayer=10& ;filter_air=1.5#floodFill%28%29

mouseX 和 mouseY 始终是鼠标位置向任何对象添加点击侦听器并仅使用 mouseX/mouseY 或 MouseEvent 的 event.localX 和 event.localY 对象 如果您使用 Flex 4.5 Hero 框架，则这是

<mx:Image id="myImage" click="(myImage.content as Bitmap).bitmapData.floodFill(event.localX,event.localY,0xFFFFFF)" source="http://www.carolynsbloomingcreations.com/images/square.gif"/>

一个解决方案，否则我无法通过 BitmapImage 获取位图数据的句柄，上述解决方案仍然适用于 Flex 3 或 4：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:local="*">
    <s:layout>
        <s:VerticalLayout/>
    </s:layout>
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>

    <!--
    <mx:Image
        id="myImage"
        click="(myImage.content as Bitmap).bitmapData.floodFill(event.localX,event.localY,0xFFFFFF)"
        source="http://www.carolynsbloomingcreations.com/images/square.gif"/>
    -->
    <fx:Script>
        <![CDATA[
            private function handleClick(event:MouseEvent):void
            {
                trace('test');
                var tempData:BitmapData = new BitmapData(myBitmapImage.width,myBitmapImage.height);
                tempData = myBitmapImage.bitmapData;

                var localPoint:Point = container.globalToLocal(new Point(mouseX,mouseY));
                tempData.floodFill(localPoint.x,localPoint.y,0xFFFFFFFF);
                myBitmapImage.source = tempData;
                trace(localPoint.x + ":" + localPoint.y);
            }
        ]]>
    </fx:Script>
    <s:Group
        id="container"
        click="handleClick(event)">
        <s:BitmapImage
            id="myBitmapImage"
            source="@Embed('square.gif')" />
    </s:Group>


</s:Application>

即使它们公开了位图数据在 4.5 框架中，它是只读的，所以我必须复制它并将其重新分配给似乎有效的源

Answer 2

听起来您正在寻找洪水填充算法。