Dessiner "à l'intérieur" [Résolu]

[Bastoktok]

Bonjour, j'ai un problème sans doute idiot, mais après pas mal de recherche j'ai rien trouvé sur le sujet.

En gros, je veux dessiner sur une image.

J'ai d'un coté ça :

Code :

1
2
var aUI:UIComponent = new UIComponent();
img.addChild(aUI);

et de l'autre ma fonction de dessin

Code :

1
2
3
4
5
 
aUI.graphics.clear();
aUI.graphics.lineStyle(1, 0x000000);
aUI.graphics.moveTo(0, 0);
aUI.graphics.lineTo(1000,1000);

Sachant que je charge une image dans mon composant img, tout marche très bien.
Sauf que, là le trait dépasse de l'image.
J'ai essayer de fixer le Width/Height du UIComponent, rien ne marche.

Et comme un petit schéma vaut mieux qu'un grand dessin
Ce que ça fait


Ce que je veux


Merci d'avance

[Jim_Nastiq]

Salut,

en fait tu utilises l'api de "drawing" et cela ne déclenche le refresh des mesures des composants UIComponent (measurement). Les composants Flex utilise le "clipping" mais uniquement quand les mesures déclarent un changement.

Donc la solution est, je pense, de passer par un mask.

[Bastoktok]

Merci c'est exactement ça qu'il me fallait.
Avec les bons mots clé, tout de suite c'est plus simple

Pour ceux qui rencontreraient le même problème, voilà la solution

Code :

1
2
3
4
5
6
7
var mask:UIComponent = new UIComponent();
mask.graphics.beginFill(0,1);
mask.graphics.drawRect(0,0,img.width,img.height);
mask.graphics.endFill();
 
img.mask = mask;
img.addChild(mask);