Как обработать изображение холстом и масштабировать его до размера холста в Flex 3?

Question

Я пытаюсь обработать холст изображением (которое по сути является пользовательской границей для холста).Я пробовал стиль backgroundImage, а также стиль borderSkin.Я не могу заставить изображение масштабироваться до полного размера холста.Мне было интересно, как лучше всего это сделать.

В основном я пробовал это:

<mx:Canvas id="canvas1" backgroundImage="../src/assets/custom_border.jpg" backgroundSize="100%"> CANVAS CONTENT </mx:Canvas> 

Каков наилучший способ масштабирования backgroundImage до размера холста илиЕсть ли лучший способ сделать это, например, borderSkin или что-то еще?

Answer 1

Вы, вероятно, можете достичь того, что вы используете, используя Скин с Degrafa CSS . Если нет, вам нужно создать простой пользовательский компонент скина.

Answer 2

Это зависит от того, чего вы пытаетесь достичь.

Если вы пытаетесь получить действительно сложную границу, тогда наиболее подходящим способом может быть изображение, проверьте 9-масштабное масштабирование по ссылке ниже,http://livedocs.adobe.com/flex/3/html/embed_4.html#186094

В качестве альтернативы, если граница относительно проста, вы можете переопределить функцию updateDisplayList и нарисовать нужный стиль вручную: http://livedocs.adobe.com/flex/3/html/help.html?content=skinstyle_3.html