Flex代碼實現彙總:實現倒角功能

實現倒角功能 
功能實現:
--邊框外緣,Canvas WIDTH,HEIGHT
   邊框遮照,WIDTH-1,HEIGHT-1, borderStyle="solid" cornerRadius="20"
   

示例:
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="100" height="100">
<mx:Canvas id="i" width="99" height="99" borderStyle="solid" cornerRadius="20"/>
<mx:Canvas width="99" height="99" mask="{i}">
<mx:Image id="image" width="84" height="85" source="{data.path}"
 horizontalCenter="0" verticalCenter="0" buttonMode="true"
 ioError="mx.controls.Alert.show(event.toString())" />
<mx:Canvas width="99" height="99" backgroundImage="{thumbImgBorderClass}" />
</mx:Canvas>    
<mx:Script>
<![CDATA[
[Bindable]
[Embed(source="assets/bg/thumbImgBorder.png")]
private var thumbImgBorderClass:Class;
]]>
</mx:Script>
</mx:Canvas>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章