在Flex中，如何將圖像放置在Canvas內而不會溢出？

Question

我有一個嵌套在畫布中的圖像。

<mx:Canvas>
<mx:Image source="@Embed(source='assets/library.swf', symbol='Waves')" />
</mx:Canvas>

我希望圖像不要溢出Canvas的邊界。 但是，當我在畫布上設置width和height時，我的圖像消失了。 Canvas似乎也不尊重horizontalScrollPolicy 。

看起來很容易，但是由於目前Flex的官方文檔已經停刊，我認為我應該轉向SO。

Answer 1

您的畫布應具有寬度和高度，並且可以使用autoscale / maintainaspectratio屬性使圖像表現出來。

<mx:Canvas width="500" height="250"
        verticalScrollPolicy="off" horizontalScrollPolicy="off" 
        backgroundColor="#000000">

        <mx :Image id="theimage"
            maintainAspectRatio="true"
    scaleContent="true"
            width="500" height="250"
            source="your image" />
</mx:Canvas>

如果您想將圖片居中，也可以查看此信息 。 這比應該的要棘手得多。

Answer 2

問題是我自己的錯。 我將剪輯的圖形參考點設置為大約舞台的高度，並將“畫布”的高度設置為剪輯的高度（無標記）。

最后，在Flash中調整參考點並使用以下代碼解決了該問題：

<mx:Canvas width="100%" height="200" horizontalScrollPolicy="off" verticalScrollPolicy="off">
<mx:Image source="@Embed(source='assets/library.swf', symbol='Waves')" />
</mx:Canvas>

不過，大腦的答案通常是正確的。